当前位置：首页 - 正文

html 怎么排版成像这副图一样

发布网友发布时间：2023-04-03 07:49

共1个回答

热心网友时间：2024-03-02 07:00

用table搞锤子哦，冗余代码多，又不好控制。

给您2个思路，

思路1：

<div>用一个大的div包住里面的div
    <div>图片占用一个div，不浮动</div>
    <div>价格和销量占用一个div，不浮动</div>
    <div>名称描述占用一个div，不浮动</div>
    <div>店名和地址占用一个div，不浮动</div>
    <div>最下面的小图标用一个div,不浮动。<div>
</div>

思路2：把li的list-style去掉，固宽li的宽度。设定每个li的高度。

<div>
<ul>
<li><img src="#" height="240" width="240"></li>
<li>价格：118元销量1133件</li>
<li>产品名称产产品名称产产品名称产产品名称产产品名称产产品名称产</li>
<li>XXX旗舰店福建泉州</li>
<li>小图标</li>
</ul>
</div>

剩下的要自己去完成，这种东西简单的很，多动动手就好了。

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

html 怎么排版成像这副图一样

最新推荐

猜你喜欢

热门推荐