-
padding實(shí)現(xiàn)白眼
查看全部 -
padding實(shí)現(xiàn)三道杠
查看全部 -
利用padding實(shí)現(xiàn)正方形
查看全部 -
利用padding實(shí)現(xiàn)正方形
查看全部 -
高度可控分割線
查看全部 -
inline水平方向影響尺寸
查看全部 -
a標(biāo)簽不使用偽類，直接使用inline-block加double實(shí)現(xiàn)三道杠
<!DOCTYPE html>
<html>
<head>
<style>?
.double{
display:inline-block;
width:100px;
heiht:10px;
border-top:30px double;
padding:5px 0;
border-bottom:10px solid
}
</style>
</head>
<body>
<a class="double" href="http://yifanck.cn">
</a>
</body>
</html>
查看全部 -
使用border-style的double屬性更加便捷的寫出三道杠
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.double{
width:100px;
height:10px;
border-top:30px double;
border-bottom:10px solid;
}
</style>
</head>
<body>
<div class="double"></div>
</body>
</html>
查看全部 -
padding影響元素尺寸查看全部
-
ol/li元素內(nèi)置padding-left，但是單位是px不是em。
所有瀏覽器radio/checkbox單復(fù)選框無內(nèi)置padding
查看全部 -
padding不支持任何負(fù)值，padding百分比是相對于寬度計(jì)算的。
inline元素padding：
1.同樣相對寬度計(jì)算
2.默認(rèn)的高度寬度細(xì)節(jié)有差異
3.padding會(huì)斷行
inline元素的垂直padding會(huì)讓空白節(jié)點(diǎn)顯現(xiàn)，也就是規(guī)范中的strut
查看全部 -
高度可控的分割線
查看全部 -
padding inline元素對尺寸的影響
查看全部 -
padding對水平元素的尺寸影響
查看全部 -
padding影響元素尺寸
查看全部
舉報(bào)