Question

我有一个h3标签，我不想在它和其余部分之间放置任何其他标签，但我似乎无法确保在文本的其余部分之前有换行符。我怎样才能做到这一点？可能吗？我甚至试过clear: both;。

的CSS：

.sidebar_info
{
    width:175px;
    padding:15px 10px 15px 10px;
    border-radius: 6px;
    background:url(img/info.png) no-repeat right top #ecf8fd;
    font-size:11px;
    text-align:left;
    line-height:17px;
}

.sidebar_info h3
{
    color:#49bae8;
    float:left;
    font-size:18px;
    font-weight:400;
    margin:0;
    padding:0;
    clear: both;
}

HTML：

<div class="sidebar_info"><h3>RAWR!</h3>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</div>

Answer 1

您正在使用float: left;作为本质上是块级元素的h3元素，因此当您向左浮动时，剩余的空间将变为空，从而引导除此之外的文本在剩余的可用空间中向上移动，那么为什么在你需要休息之后将它漂浮到左边？

如果您需要左对齐，右对齐或居中对齐文字，只需使用text-align属性left, right, or center作为值

如果您仍然需要休息（在这种情况下您甚至不需要删除float），而不是自我清除h3这样的元素

.sidebar_info h3:after {
  content: "";
  display: table;
  clear: both;
}

如何确保没有其他文本与我的标题标记在同一行？

1 个答案: