2016 - 2024

感恩一路有你

html无序列表横向排列 css ul li如何实现,横向排列?

浏览量:1288 时间:2021-03-12 19:49:02 作者:admin

css ul li如何实现,横向排列?

使用浮动:左If无序列表有一个外边距,即一个行军值,然后同时使用float:left和display:inline。否则,浏览器兼容性将受到影响,IE6的外缘将加倍。Display:inline可以单独水平显示,但是无序列表的宽度和高度将不起作用,也就是说,如果设置了Li,它将不起作用,因为Display:inline是一种内嵌样式。

在DIV CSS中,让无序列表横向显示,是用float:left还是用display: inline?

1. 创建新的TXT文档并将其修改为“演示.html“HTML文件,如下图所示。

2. 使用sublime编辑器打开HTML文件,以改进HTML5标准代码,如下图所示。

3. 在body标记中,编写一组无序列表标记。代码如下图所示。

4. 用浏览器打开HTML页面,可以看到默认情况下Li标签是垂直显示的(Li是块级元素),如下图所示。

5. 我们可以为UL标签下的所有Li标签设置样式“display:inline block”,以水平显示多个Li标签。

6. 刷新界面后,会发现Li标签是水平显示的。

html无序列表横向排列 css无序列表去掉点 html列表横向显示

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。