Fatal编程技术网
  • css/
  • Css 无序列表（ul）字体大小技术，以防止空白

Css 无序列表（ul）字体大小技术，以防止空白

css

Css 无序列表（ul）字体大小技术，以防止空白,css,Css,我想做一个没有px的布局。 在正文中，我将字体大小定义为100%，在ul元素中，字体大小应为0，以防止li元素之间出现空白，并且我的li元素包含2.5em的字体大小： HTML: 问题在于：2.5em基于#social的字体大小，即0。所以我的li的字体大小也是0。我不想把它弄脏： 有什么建议吗？您也可以使用该单元，使和字体大小相对于元素的计算字体大小，而不是继承父元素的计算字体大小。不过，这可能会也可能不会违背您的预期设计 支持：（IE 9下不支持）为什么字体大小为ul0？正如标题中所说：为

我想做一个没有px的布局。 在正文中，我将字体大小定义为100%，在ul元素中，字体大小应为0，以防止li元素之间出现空白，并且我的li元素包含2.5em的字体大小：

HTML:

问题在于：2.5em基于#social的字体大小，即0。所以我的li的字体大小也是0。我不想把它弄脏：
  • 
有什么建议吗？
    您也可以使用该单元，使
    和
    • 字体大小相对于
    元素的计算字体大小，而不是继承父元素的计算字体大小。不过，这可能会也可能不会违背您的预期设计
    

    

    支持：（IE 9下不支持）
    为什么字体大小为
    ul
    0？正如标题中所说：为了防止空白，您是否反对注释列表项？它们不是必需的代码。或者你的意思是
  • ？遗憾的是，对于css技巧回答的问题，没有“接近重复”选项：这是一个很棒的解决方案！ 
    <body><ul id="social"><!-- li elements --></ul></body>

    body {
    font-size: 100%;
}

#social {
    font-size: 0;
}

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