codecamp

HTML ul compact 属性

HTML <ul> compact 属性

HTML ul 标签参考手册 HTML <ul> 标签

实例

在无序列表中使用compact属性:

<ul compact>
 <li>咖啡</li>
 <li>茶</li>
 <li>牛奶</li>
</ul>

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都不支持 compact 属性。


定义和用法

HTML5 不支持 <ul> compact 属性。 请使用 CSS 替代。

<ul> 的 compact 属性在 HTML 4.01 中已废弃

compact 属性是一个 boolean(布尔) 属性。

compact 属性规定列表呈现的效果比正常情况更小巧,这是通过减少行间距以及对列表进行缩进来实现的。


兼容性注释

在 HTML 4.01 中,不赞成使用 ul 元素的 compact 属性;在 XHTML 1.0 Strict DTD 中,不支持 ul 元素的 compact 属性。

CSS 语法: <ul style="line-height: 80%">

CSS 实例:缩小列表中的行高

在我们的 CSS 教程中,您可以找到更多有关line-height 属性 的细节。


HTML 与 XHTML 之间的区别

在 XHTML 中, 属性不允许简写,compact 属性必须定义为: <ul compact="compact">。


语法

<ul compact>

HTML ul 标签参考手册 HTML <ul> 标签
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

HTML标签

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }