html – 如何将对齐>项目转到第二行?

前端之家收集整理的这篇文章主要介绍了html – 如何将对齐>项目转到第二行?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想使用单个< ul>制作一个无序列表….< / ul>

如何在中心对齐第二条线?

我在这里创建了JSFiddle http://jsfiddle.net/jitendravyas/JWHQQ/进行测试

@R_301_323@

对齐< ul>在中心的元素,将左右边距设置为自动
ul{ text-align:center;width:450px;margin-left:auto;margin-right:auto}
li{ float:left;padding:15px}

为了对齐< li>的两行.为了居中,使用display:inline as suggested by domanokz.但是在这种情况下< li>失去他们的利润和填补.要保留它们,请将display设置为inline-block:

ul{ text-align:center;width:450px;}
li{ display:inline-block;padding:15px;}
原文链接:https://www.f2er.com/html/226195.html

猜你在找的HTML相关文章