美图欣赏 | 设为首页 | 加入收藏 | 网站地图

当前位置:电脑中国 > 网络创业 > CSS DIV >

css div子元素剧中

2017-09-07 10:42|来源:未知 |作者:dnzg |点击:

<style type="text/css" media="screen">

div {display: inline-block;background-color: grey;}

ul {list-style: none;display: table;margin:0 auto;background-color: yellow;padding: 0px;}

li {display: table-cell;background-color:blue; }

</style>

<div style="width: 800px;width: 800px;">

<ul>

<li>abc</li>

<li>abc</li>

<li>abc</li>

<li>abc</li>

<li>abc</li>

<li>abc</li>

</ul>

<ul>

<li>abc</li>

<li>abc</li>

<li>abc</li>

<li>abc</li>

<li>abc</li>

</ul>

<ul>

<li>abc</li>

<li>abc</li>

<li>abc</li>

<li>abc</li>

 

</ul>

<ul>

<li>abc</li>

<li>abc</li>

<li>abc</li>

</ul>

<ul>

<li>abc</li>

<li>abc</li>

</ul>

<ul>

<li>abc</li>

</ul>

</div>

 

本文出自 “11042448” 博客,请务必保留此出处http://11052448.blog.51cto.com/11042448/1947823

(责任编辑:dnzg)