1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html中怎样让多个li标签横排显示 – sublime text – 前端 html5 网页预加载

html中怎样让多个li标签横排显示 – sublime text – 前端 html5 网页预加载

时间:2020-06-04 08:55:21

相关推荐

html中怎样让多个li标签横排显示 – sublime text – 前端 html5 网页预加载

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

2、用Sublime编辑器将html文件打开,完善html5标准化代码,如下图所示。

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

4、用浏览器打开html页面,可以看到li标签默认情况是竖排显示(li为块级元素),如下图所示。

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

6、刷新界面后,可以发现li标签变成横排显示。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。