如何用css设置li标签并排

655Z技术栈 Html/CSS 2025年07月22日 10

在css中设置li标签并排显示的方法

1.首先,在页面中创建一个li标签列表;

 <body>

   <ul>

     <li>1</li>

     <li>2</li>

     <li>3</li>

     <li>4</li>

   </ul>

 </body>

2.li标签列表创建好后,在css中将li标签的样式设置左浮动即可;

 ul li {

     float:left;

     margin-right:30px;

}


提供PHP及ThinkPHP框架的定制开发、代码优化,PHP修改、ThinkPHP修改。

邮箱:yvsm@163.com 微信:yvsm316 QQ:316430983
关闭

用微信“扫一扫”