gpt4 book ai didi

css - 用于防止空白的无序列表 (ul) 字体大小技术

转载 作者:太空宇宙 更新时间:2023-11-04 04:33:18 24 4
gpt4 key购买 nike

我正在尝试制作没有 px 的布局。在正文中,我将字体大小定义为 100%,在 ul 元素中,字体大小应为 0,以防止 li 元素之间出现空白,而我的 li 元素包含 2.5em 的字体大小:

HTML:

<body><ul id="social"><!-- li elements --></ul></body>

CSS:

body {
font-size: 100%;
}

#social {
font-size: 0;
}

#social li {
font-size: 2.5em;
display: inline;
}

问题:2.5em 是基于#social 的字体大小,即 0。所以我的 li 的字体大小也是 0。我不想让它变得肮脏:</li><li> .

有什么建议吗?

最佳答案

您还可以使用 rem 单位使得<ul> & <li>字体大小是相对于 <html> 的计算字体大小的元素而不是继承父元素的计算字体大小。不过,这可能会或可能不会违背您的预期设计。

http://jsfiddle.net/nVS2c/2/

支持:http://caniuse.com/rem (IE 9以下不支持)

关于css - 用于防止空白的无序列表 (ul) 字体大小技术,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16862407/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com