css 排版 test
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<style>
._ul>li,
._dl>dd {
display: inline-block;
/*行内块元素*/
}
</style>
</head>
<body>
<ul>
<li style="color:red;">纵向排版</li>
<li>li元素_001</li>
<li>li元素_002</li>
<li>li元素_003</li>
</ul>
<dl>
<dd style="color: red;">纵向排版</dd>
<dd>dd元素_001</dd>
<dd>dd元素_001</dd>
<dd>dd元素_001</dd>
</dl>
<ul class="_ul">
<li style="color: blue;">横向_自动_排版</li>
<li>li元素_001</li>
<li>li元素_002</li>
<li>li元素_003</li>
<li>li元素_004</li>
<li>li元素_005</li>
<li>li元素_006</li>
</ul>
<dl class="_dl">
<dd style="color: blue;">横向_自动_排版</dd>
<dd>dd元素_001</dd>
<dd>dd元素_002</dd>
<dd>dd元素_003</dd>
<dd>dd元素_004</dd>
<dd>dd元素_005</dd>
<dd>dd元素_006</dd>
</dl>
</body>
</html> 相关推荐
敏敏张 2020-11-11
SCNUHB 2020-11-10
小木兮子 2020-11-11
wwwsurfphpseocom 2020-10-28
WasteLand 2020-10-18
Cocolada 2020-11-12
杜鲁门 2020-11-05
shirleypaddy 2020-10-19
qingmumu 2020-10-19
Testingba工作室 2020-09-15
周公周金桥 2020-09-13
专注前端开发 2020-08-16
emagtestage 2020-08-16
heniancheng 2020-08-15
hanjinixng00 2020-08-12
小方哥哥 2020-08-09
83327712 2020-07-30
卖小孩的咖啡 2020-07-21
wqiaofujiang 2020-07-05