-
padding實現(xiàn)白眼
查看全部 -
padding實現(xiàn)三道杠
查看全部 -
利用padding實現(xiàn)正方形
查看全部 -
利用padding實現(xiàn)正方形
查看全部 -
高度可控分割線
查看全部 -
inline水平方向影響尺寸
查看全部 -
a標簽不使用偽類，直接使用inline-block加double實現(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://idcbgp.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單復選框無內(nèi)置padding
查看全部 -
padding不支持任何負值，padding百分比是相對于寬度計算的。
inline元素padding：
1.同樣相對寬度計算
2.默認的高度寬度細節(jié)有差異
3.padding會斷行
inline元素的垂直padding會讓空白節(jié)點顯現(xiàn)，也就是規(guī)范中的strut
查看全部 -
高度可控的分割線
查看全部 -
padding inline元素對尺寸的影響
查看全部 -
padding對水平元素的尺寸影響
查看全部 -
padding影響元素尺寸
查看全部
舉報