1、line-height属性 想要垂直对齐项目，我们可以使用line-height属性。line-height 属性设置行间的距离（行高）。
创新互联成立于2013年，我们提供高端成都网站建设、成都网站制作、成都网站设计公司、网站定制、网络营销推广、成都小程序开发、微信公众号开发、成都网站推广服务，提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地，为成都石雕企业提供源源不断的流量和订单咨询。
2、如果DIV定义的宽度，当文本超过这个宽度时就会自动换行。
3、多行)的情况，align-items是针对一行的情况进行排列。必须对父元素设置自由盒属性display：flex；，并且设置排列方式为横向排列flex-direction：row；并且设置换行，flex-wrap：wrap；这样这个属性的设置才会起作用。
4、传统的盒子模型对于那些特殊页面的布局非常的不方便，比如垂直居中，子元素排序的实现就很麻烦。
可以用float：left让li在一行排列就可以。
把ul放在一个div里，设置div的宽度等于4倍单个li，设置li的float属性为left。这样就可以了。
在ul样式中设置文本居左对齐。ul { padding：0；margin：0；text-align： left；list-style-type： none；} 标签大小不同，可以用自定义的背景图片代替标签样式。
把ul包含的li定义为一个类，在css样式用类选择器设置li的float属性为向左浮动，即为float：left；最好将无序列表前面的点去掉。即ul的list-style-type：none；这样设计出来的比较美观。
text-align：center； left：50%； margin-left：-500px；} css负值结合z-index能实现一些很不错的东西，但是负值使用始终存在很大的隐患尤其在页面内容赋值时。
很可惜你这个效果用css是无法实现的，只能是宽度达到一定要求来换行，而不能高度达到一定要求来换列的。这个只能有程序来判断另起一个ul了。
1、CSS代码：#wrap{white-space：normal； width：200px； }。DIV代码：div ddd1111111111111111111111111111111111/div。可以实现文字自动换行。
2、li标签是默认换行的，你可以选择用表格实现，也可以选择用JS将奇数列正常显示，偶数列的li浮动到右侧试试。
3、具体见下图： 随着不断插入子节点，页面宽度会越来越宽，但是一旦达到浏览器的宽度后就会自动换行，这样原来的结构就会发生改变，我想要的效果是不换行，如果超出浏览器宽度，页面可以横向滚动。
4、你这种div不限高度的，不能用两行横向排列做。只能按三列竖向排列做。
