星空网 > 软件开发 > 网页设计

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

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

我想实现的效果是这样的

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

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

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

太丑了!

写的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;  }  

就是设置左浮动,

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




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

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

中国到菲律宾专线:https://www.goluckyvip.com/tag/96350.html
广州到菲律宾的专线:https://www.goluckyvip.com/tag/96351.html
广州到菲律宾物流专线:https://www.goluckyvip.com/tag/96352.html
广州到菲律宾专线:https://www.goluckyvip.com/tag/96353.html
广州菲律宾海运双清专线:https://www.goluckyvip.com/tag/96354.html
中国菲律宾物流专线:https://www.goluckyvip.com/tag/96355.html
长治婚庆女司仪和主持人:https://www.vstour.cn/a/366176.html
北京丰台区水上乐园哪家好玩?:https://www.vstour.cn/a/366177.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流