div+css布局控制图片？？如何将li中的图片两端对齐，也就是与header的两端一样宽。

发布网友发布时间：2022-04-20 19:32

共4个回答

热心网友时间：2022-04-20 21:01

改图片和li的宽度，如下：
#show ul{margin:0;padding:0 5px;}
#show li{text-align:center;list-style-type:none;float:left;width:110px;margin:0 5px;padding:0;line-height:32px;}

<li><img src="pic/1.jpg" width="110" height="110" alt="pic" /><br />我型我淑</li>
这样实际宽度之和正好850px。追问可是尺寸改小了后，一行就有7个了，有点紧凑，我想放5个！而且你的方法，也并未两端对齐啊！

热心网友时间：2022-04-20 22:19

按照我的改。
把这两个改成：
#show ul{margin:0px;padding:0px;width: 900px;}
#show li{text-align:center;list-style-type:none;float:left;width:130px;margin:0px auto;padding:0px 50px 20px 0px;line-height:32px;}

热心网友时间：2022-04-20 23:54

#show li{text-align:center;list-style-type:none;float:left;width:130px;margin:16px;line-height:32px;}
或
#show ul{margin:auto;padding:0px;width:850px;}
#show li{text-align:center;list-style-type:none;float:left;width:130px;margin:0px;padding:19px;line-height:32px;}
你必须得有固定宽度。才可以

热心网友时间：2022-04-21 01:45

问题解说不明，无显示效果，建议放个地址看效果。