美文网首页
<ul>中多个<li>元素的横排列方法

<ul>中多个<li>元素的横排列方法

作者: hw_zhu | 来源:发表于2017-02-23 10:47 被阅读458次
Example:
          <ul>
                <li>AAAA</li>
                <li>BBBB</li>
                <li>CCCC</li>
                <li>DDDD</li>
                <li>EEEE</li>
                <li>FFFF</li>
            </ul>
Q&S: 要显示这样横排的效果
AAAA BBBB CCC DDDD EEEE FFFF

解决方法:

使用**float **属性解决

/*ul li 横排*/
li{
  float: left;
  list-style: none;
}

相关文章

网友评论

      本文标题:<ul>中多个<li>元素的横排列方法

      本文链接:https://www.haomeiwen.com/subject/nwgvwttx.html