html - 字体粗细变化时保持原来的内边距-6ren

html - 字体粗细变化时保持原来的内边距

转载作者：太空宇宙更新时间：2023-11-04 15:28:03

我创建了两个 div，每个 div 都有一些填充。

div {
  display:inline;
  background-color:yellow;
  padding: 2px 2px 2px 2px;
}

div:hover {
  font-weight:bold;
}

<body style="font:15px arial,sans-serif;"> 
  <div>one</div>
  <div>two</div>
</body>

如上面的 css 所示，当鼠标悬停在 div 上时，我将字体粗细设置为粗体。

现在，如果我将鼠标悬停在第一个 div 上，第二个 div 会向右移动一点点，因为需要额外的水平空间来容纳粗体文本。

有什么方法可以防止 div 移动吗？即使字体粗细正常(即当 div 未悬停时)，我是否可以考虑额外的空间？

提前致谢!

最佳答案

div 会移动，因为它们是为了适应文本，所以如果文本变大，div 也会变大。最好的办法是在 div 上设置固定宽度，这样它就不会移动。

关于html - 字体粗细变化时保持原来的内边距，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17509493/

原来.NET写的Linux桌面这么好看？
如何使用 Blazor 在 Linux 平台下运行 Desktop 程序本文将讲解如何使用 Blazor 运行跨平台应用，应用到的技术有以下几点 Blazor
原来 Lambda 表达式是这样写的
低并发的友友们好，我是闪客。 Lambda 表达式非常方便，在项目中一般在 stream 编程中用的比较多。 List<Student> studen

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章