html中怎样让多个li标签横排显示

2024-10-13 01:07:07

1、新建一个txt文档,将文档修改为“demo.html”的html文件,如下图所示。

html中怎样让多个li标签横排显示

3、在body标签内,编写一套ul li无序列表标签,然后保存,代码如下图所示。

html中怎样让多个li标签横排显示

5、我们逐吴哉姆可以通过为ul标签下所有li标签设定样式“display:inline-block”的方式,让多个li标签横排显示。

html中怎样让多个li标签横排显示

7、除了以上方法,我们还可以使用float(浮动)的方式,让多个li标签横排显示。

html中怎样让多个li标签横排显示
猜你喜欢