图文课程 职群旗下

  1. 首页
  2. 所有分类
  3. 前端
  4. 你可能不知道的行内元素和块元素最主要的区别

你可能不知道的行内元素和块元素最主要的区别

  今天在练习当中,遇到了一个问题,写一个列表时,

我想实现的效果是这样的

但是实现的效果确是这样的

太丑了!

写的css是这样子的

li{display;inline;
width:20px;
height:20px;
list-style:none;
}

对,有的人可能一眼就看出了问题所在,行内元素不能设置宽度和高度的

li{width:20px;
height:20px;
list-style:none;
}

但是这样的结果就是

宽度和高度正常了,但是li元素立了起来

网上找了好久,解决方案就是

li{float:left;
width:20px;
height:20px;
list-style:none;
}

就是设置左浮动,

虽然会比较简单,但是新手真的可能会遇到这种问题的

猜你喜欢
用户线程和内核线程的区别 关于UIImage类的对象两种初始化方法的区别
【代码笔记】设置textView或者label的行间距方法 iOS多线程之NSThread、NSOperationQueue、NSObject和GCD的区别
关于escape(), encodeURI()和encodeURIComponent()编码的区别 浅析php静态方法与非静态方法的用法区别
SQL:插入更新主键相同的行的所有其他列 你必须知道的Javascript 系列
onkeydown、onkeyup、onclick、onchange、oninput、onpropertychange 的用法和区别 MyReport.TD套打引擎1.0.5.0主要新功能