ul是什么标签 html中怎样让多个li标签横排显示?
浏览量:2884
时间:2021-03-11 20:12:12
作者:admin
html中怎样让多个li标签横排显示?
1. 创建新的TXT文档并将其修改为“演示.html“HTML文件,如下图所示。
2. 使用sublime编辑器打开HTML文件,以改进HTML5标准代码,如下图所示。
3. 在body标记中,编写一组无序列表标记。代码如下图所示。
4. 用浏览器打开HTML页面,可以看到默认情况下Li标签是垂直显示的(Li是块级元素),如下图所示。
5. 我们可以为UL标签下的所有Li标签设置样式“display:inline block”,以水平显示多个Li标签。
6. 刷新界面后,会发现Li标签是水平显示的。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。