css行内元素padding,margin,width,height沒有转变

日期:2020-12-12 类型:科技新闻 

关键词:建站平台有哪些,如何建设网站,免费自助建站,如何建立一个网站,网站建站的

关键点:
块状元素前后左右元素会换行
行内元素前后左右元素不容易换行

第1:行内元素与宽度
宽度不起功效

拷贝编码
编码以下:

span {
width:200px;
}

沒有转变

第2:行内元素与高宽比
高宽比不起功效

拷贝编码
编码以下:

span{
height:200px;
}

没用转变

第3:行内元素与padding,margin

拷贝编码
编码以下:

span{
padding:200px;
}

危害上下,不危害左右

怎样完成

拷贝编码
编码以下:

<ul>
<li>第1</li>
<li>第1</li>
<li>第1</li>
</ul>

中的li在同1行显示信息并有左右边距呢,
假如用display:inline,可行让其在1行内显示信息,但左右padding不起功效。
因此这类状况下用float:left;使其在1行内显示信息,而且其還是block元素,能够用
padding使与左右padding起功效,差生1定间距