Html 如何在调整字体大小时保持不变?

Html 如何在调整字体大小时保持不变?,html,css,Html,Css,这是我的css和html代码 .navi ul li{ 浮动:左; 列表样式类型:无; 右边框:1px实心#C0C0; 利润率:0px0; } 最后一个孩子{ 边界:无; } 纳维·乌尔·李先生{ 显示:块; 利润率:0.20px; 文字装饰:无; 颜色:黑色; } #信息{ 显示:块; 利润率:0px 20px 0px; 文字装饰:无; 字号:80%; 颜色:灰色; } 嗨,客人 对于这样的事情总是发布一把小提琴 如果您的意思是元素随字体大小而扩展,那么这就是html/c

这是我的css和html代码

.navi ul li{
浮动:左;
列表样式类型:无;
右边框:1px实心#C0C0;
利润率:0px0;
}
最后一个孩子{
边界:无;
}
纳维·乌尔·李先生{
显示:块;
利润率:0.20px;
文字装饰:无;
颜色:黑色;
}
#信息{
显示:块;
利润率:0px 20px 0px;
文字装饰:无;
字号:80%;
颜色:灰色;
}

  • 嗨,客人

对于这样的事情总是发布一把小提琴

如果您的意思是元素随字体大小而扩展,那么这就是html/css的默认行为


您可以设置元素的固定高度,也可以将文本位置设置为绝对,以便不扩展其父级大小,如下所示删除
display:block
from
#info

#info {     
  margin:0px 20px 0px;
  text-decoration: none;
  font-size:80%;
  color:gray;
}
片段

.navi ul li{
浮动:左;
列表样式类型:无;
右边框:1px实心#C0C0;
利润率:0px0;
}
最后一个孩子{
边界:无;
}
纳维·乌尔·李先生{
显示:块;
利润率:0.20px;
文字装饰:无;
颜色:黑色;
}
#信息{
利润率:0px 20px 0px;
文字装饰:无;
字号:80%;
颜色:灰色;
}

  • 嗨,客人

为列表项设置
行高:20px

.navi ul li{
浮动:左;
列表样式类型:无;
右边框:1px实心#C0C0;
利润率:0px0;
行高:20px;//添加
}
最后一个孩子{
边界:无;
}
纳维·乌尔·李先生{
显示:块;
利润率:0.20px;
文字装饰:无;
颜色:黑色;
}
#信息{
显示:块;
利润率:0px 20px 0px;
文字装饰:无;
字号:80%;
颜色:灰色;
}

  • 嗨,客人

对不起。所以我可以在这里用小提琴连接??谢谢。我想只要贴一个链接,然后问是不允许在这里,你可以包括在你的问题链接。小提琴不是必需的。StackOverflow提供了代码片段功能。它们最适用于普通的HTML、CSS和jQuery@captainsac我发现当地的小提琴很难使用,所以我还是喜欢外置小提琴