怎么在DIV显示商品三行三列

怎么在DIV显示商品三行三列,第1张

你可以在div里面画table表格,表格优势就是对表格。

可以来一个ul,li里面浮动。例如:

<style type="text/css">

ul{width:600pxheight:automargin:0pxpadding:0px}

ul li{width:200pxheight:100pxfloat:leftmargin:0pxpadding:0px}

.clear{clear:both}

</style>

html代码:

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

<li>6</li>

<div class="clear"></div>

</ul>

告诉你的是思路,你可以自己结合自己的情况来写,希望帮助到你

你都懂的,只是写的时候要注意减掉边框宽度,或者为了不超出可以用overflow:hidden的方法隐藏多出的部分 ,这种类型的表格我也写过的,写的时候都是一个个计算出宽度,然后确定边框写到哪边


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/7970321.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存