Question

CSS怎么让我这几个图标居中 为什么在左上方

具体代码看图片





Answer 1

只能通过JS脚本来弄，样式无法做到，想实现的话那就在再作div的嵌套，利用123嵌入一个div内，4再嵌入一个div内

其实楼主的想法是完全没有意义的，怎么说呢，因为绝大部分页面我们只要求宽度自适应，就如楼主所提到的第一个横排换行，可以根据float:left样式属性来布局，页面窄了就换行，宽了下排的就补上去，从而达到页面的美观；还有就是用户使用浏览器的习惯，鼠标滚轮是可以让页面上下滚动的，虽然左右滚动也可以，但是需要按住滚轮来操作，这个大部分用户是不习惯使用的，有滚动都是通过拖动滚动条来浏览；当然为什么样式只有横向可以换行一时半会也说不清楚，原因有很多，其中人们的操作习惯很重要
楼主的第二个想法已经说明楼主已经在认真的学习了，对于这个问题的思考是值得表扬的，不过楼主不用再继续考虑这个问题了，你做页面只需要关注横向就行了

Answer 2

1.使用margin的auto值即可。

Answer 3

给li的父级 ul text-algin:center;

追问

如果想让他在图片上居中的话我该怎么做

追答

如果ul和图片是 在一个盒子里 你可以 浮动 ul 和img --float 然后用margin 来控制ul想要到的位置

如果不是  你也可以用定位  position 用top left 或者 right bottom来控制居中

<div class="parent-box" style="overflow:hidden">    
<ul style="float:left;martin-left;margin-top">
    <li class="icon-img"></li>
    <li class="icon-img"></li>
    <li class="icon-img"></li>
</ul>
<img src="background-img" style="float:left;margin:0 auto;"/>
</div>


<div class="parent-box" style="position:relative">    
<ul style="position:absolute; top; left;">
    <li class="icon-img"></li>
    <li class="icon-img"></li>
    <li class="icon-img"></li>
</ul>
<img src="background-img"/>
</div>