html 文本边缘从div溢出，显示：直列式

vu8f3i0k 于 2022-12-16 发布在其他

关注(0)|答案(1)|浏览(89)

我怎样才能防止这种情况？“f”字符的边缘从div溢出。我怎样才能使它适合文本？HTML代码：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div class="parent" style="display: inline;  background-color: coral; font-size: 200px;">test f</div>
</body>

</html>

Html

来源：https://stackoverflow.com/questions/73731658/the-edge-of-text-overflows-from-div-with-display-inline

1条答案

按热度按时间

9rbhqvlz1#

您也可以尝试向左和向右填充。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div class="parent" style="display: inline; padding:0 25px; background-color: coral; font-size: 200px;">test f</div>
</body>

</html>

赞(0）回复(0）举报 2022-12-16

我来回答

html 文本边缘从div溢出，显示：直列式

1条答案

相关问题

热门标签

最新问答