HTML | DOM ul compact 属性(1)

📌 相关文章

📜 HTML | DOM ul compact 属性(1)

📅 最后修改于: 2023-12-03 14:41:48.981000 🧑 作者: Mango

HTML | DOM ul compact 属性

ul标签的compact属性指定列表是否应缩短项目间距，以节省空间。如果设置了该属性，则列表项目之间的垂直间距将减少。默认情况下，该属性是未定义的，列表项目之间的垂直间距将根据用户代理的默认值进行设置。

语法

<ul compact>
  <li>Project 1</li>
  <li>Project 2</li>
  <li>Project 3</li>
</ul>

属性值

compact：表示需要缩短项目间距。

实例应用

<!DOCTYPE html>
<html>
  <head>
    <title>Ul Compact Attribute</title>
  </head>
  <body>
    <ul compact>
      <li>Project 1</li>
      <li>Project 2</li>
      <li>Project 3</li>
    </ul>
  </body>
</html>

浏览器兼容性

| 属性 | 兼容性 | |-----------|-------------| | compact | Chrome、Firefox、IE、Safari、Opera |

属性注意点

在HTML5中，<ul>元素的compact属性已经删除，您可以使用CSS来改变列表项之间的距离。