时间戳

首页 > 解决方案 > CSS：四面八方的强填充

html - CSS：四面八方的强填充

问题描述

我有简单的 HTML 和 CSS 代码，我几乎没有问题。

我有一些文本和强大的跨度。现在，当我在所有侧面的 STRONG 上使用填充或边距时，填充仅在 RIGHT 和 LEFT 上使用，但我需要在所有侧面都使用 PADDING 或 MARGIN。

有什么选择可以解决 thuis 问题吗？

div {
  background: red;
  padding: 30px;
}

strong {
  padding: 15px;
}
<div>
  <span>
    IJDDN<br>
    <strong>!!!!!!!!!!!!!!!!!!!!</strong><br>
    ajoSa saS ajsno<br>
    JSHaojns auS aksuoaS ausbn aSOUIAJ<br>
    ajshaoSNINas auBNSa
  </span>
</div>

标签： htmlcss

解决方案

那应该是您问题的解决方案，只需添加display: inline-block;到样式<strong>

div {
  background: red;
  padding: 30px;
}

strong {
  padding: 15px;
  display: inline-block;
}
<div>
  <span>
    IJDDN<br>
    <strong>!!!!!!!!!!!!!!!!!!!!</strong><br>
    ajoSa saS ajsno<br>
    JSHaojns auS aksuoaS ausbn aSOUIAJ<br>
    ajshaoSNINas auBNSa
  </span>
</div>

推荐阅读