html中怎么让列表横向排列
程序员文章站
2022-02-21 19:35:20
...
html中让列表横向排列的方法:1、使用float属性,只需要给列表的li元素添加“float: left;”样式即可;2、使用display属性,只需要给列表的li元素添加“display: inline;”样式即可。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
HTML创建一个列表:
<!DOCTYPE html> <html> <head> <style type="text/css"> ul li{ list-style:none; } </style> </head> <body> <ul> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ul> </body> </html>
怎么让列表横向排列?
1、使用float属性
ul li{ list-style:none; float: left; }
2、使用display属性
ul li{ list-style:none; display: inline; }
相关推荐:《html视频教程》
以上就是html中怎么让列表横向排列的详细内容,更多请关注其它相关文章!
上一篇: pandas怎么读取excel文件
下一篇: html5怎么创建跳转页尾超链接
推荐阅读
-
层不确定宽度,怎么让他在父层中居中呢?_html/css_WEB-ITnose
-
怎么让li中两个div的字体在同一水平线上_html/css_WEB-ITnose
-
怎样让两个正方形 横向排列_html/css_WEB-ITnose
-
怎样让两个正方形 横向排列_html/css_WEB-ITnose
-
怎么让 列表 向上滚动_html/css_WEB-ITnose
-
在网页中插入flv格式的flash视频怎么让其循环播放_html/css_WEB-ITnose
-
或
中怎么让控件不换行_html/css_WEB-ITnose 怎么让下面html代码中的p标签右对齐
怎么让div中的每一段的每行数据都出现两个空格?_html/css_WEB-ITnose
怎么让li中两个div的字体在同一水平线上_html/css_WEB-ITnose