DIV里表格怎么设置
发布网友
发布时间:2022-11-01 05:44
我来回答
共3个回答
热心网友
时间:2023-10-18 15:32
第一次回答可获2分,答案被采纳可获得悬赏分和额外20分奖励。<style>
#div{ width:500px; padding-top:10px; }
ul,li{ list-style:none; padding:0; }
li{ width:120px; float:left; margin:-1px 0 0 -1px;padding:0 2px; border:1px solid #000;line-height:25px}
</style>
<div id="div">
<ul>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
<li>CSS+DIV表格</li>
</ul>
</div>
热心网友
时间:2023-10-18 15:33
表格其实和 div+css 一样优秀。
所谓的“浏览快慢”其实是在带宽有限的情况下,由于需要等待载入时间,而表现出的快慢。
表格的特性是:只有在表格体内的内容全部载入完后,才一次性显示该表格。因为,当表格内容很多时,容易出现“载入慢”的情况。这在设计的时候尽量避免就可以了。
div+css的特性是:载入一点就显示一点,因此有“载入快”的说法。但在一些简单的应用上时,div+css的代码比表格多,其实代码量上去了,反而“载入慢”了。
所以,并不是完全用div+css就完美了,主要是根据实用准则。
建议:主要使用在div+css来避免大容量表格的出现,在一些细节处理上,有时候用表格来得简单有效。一些比较成熟的大网站都是如此。
热心网友
时间:2023-10-18 15:33
给个例子看看,应该能明白。
.lz{ width=200px; }
.lz td{ color:#dadada; font-size:12px;}
……
<table class="lizi"><tr><td>例子</td></tr></table>
……