当前位置：首页 - 正文

html中li显示的这样几张图片，怎么让他们适应不同分辨率的手机居中显示

发布网友发布时间：2022-05-13 17:06

共4个回答

热心网友时间：2022-05-13 18:36

直接float就可以了
ul, ul li{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;

}
ul li{display:inline;float:left;width:50%;height:100px;padding:0 10px;}

<ul>
<li></li>

<li></li>
<li></li>
<li></li>
<li></li>
</ul>

可以这么写试试看，图片直接设置为display:block;如果宽度是根据窗口缩放的话，可以直接设置为100%；如果定宽就写margin:0 auto;图片就是居中的。

热心网友时间：2022-05-13 19:54

可以学习下，响应式布局。

热心网友时间：2022-05-13 21:28

可以用margin:auto；呀，加一个父级后，内部子级都设置出固定宽，应该行的

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

焦点

html中li显示的这样几张图片，怎么让他们适应不同分辨率的手机居中显示

最新推荐

猜你喜欢

热门推荐