html中li显示不完的时候如何让整个li都进行换行

HTML里LI是列表，高度不够时，LI也会一直向下显示的。

我们平常定义LI样式时会把LI定义为以水平方向为主，在这种情况下宽度不够，它就可以换行了。

若要是垂直的话，不能换行的，除非做两个Li列表。

希望我的回答对你有帮助。

一、css图片水平居中。

1、利用margin: 0 auto实现图片居中，就是在图片上加上css样式margin: 0 auto 如下：

2、设置imgBox的样式如下：

3、此时的效果如下：（图片在容器内，水平居中）

二、css图片垂直居中。

1、css代码如下，使用flex布局实现。

2、页面代码HTML如下：

3、此时的效果如下：（垂直居中）

三、 css图片水平垂直居中。

1、利用flex布局实现css水平垂直居中，设计css代码如下：

2、Html代码如下：

3、此时的效果如下：（水平垂直居中）

扩展资料：

在容器上使用display: flex来告诉浏览器，这是一个flex布局的开始。然后给所有的item添加一个flex: 1的属性，来表明元素都是flex布局中的内容。

关于flex，最重要的就是要记住他有两条轴线（主轴、交叉轴），绝大部分属性都是依赖于轴线的方向。如下图所示：

这样，容器内的元素会沿着主轴来平分所有的区域，就这样已经实现了一个多列等宽布局。

可以在相对布局里面，再写一个Linelayout布局，给两个控件一样的权重，也就是android：gravity=1，或者任意数值，只要是一样的数值。

一般这样的布局问题，都可以通过权重来达到平分的效果，如果受制于手机的虚拟键问题，还可以通过设置scrollview来解决。

---