如何通过css禁用<div>内的<br>标签？

Question

<br> 不会让我内联显示 3 个按钮，所以我需要在 div 内禁用它，我不能只是删除它们，它们会自动存在。

我有：

 <div style="display:block">
    <p>Some text</p>
    <br>
    <p>Some text</p>
    <br>
</div>

而且我要：

 <div style="display:block">
    Some text Some text
</div>

更多信息

我不想拥有 mystyle.css 文件。我当然知道禁用它的方法。

我问如何添加到 div 样式这个 br { display: none; } 如果可能的话。

解决方案：

1. 如果不删除其中的内容，则无法仅删除 <p> 标签。
2. 无法直接通过 divs 样式隐藏 <br> ，所以我这样做：

 <style type="text/css">
.mydiv {
display: block;
width: 100%;
height: 10px;
}
.mydiv br {
display: none;
}
</style>

<div class="mydiv">
Some text
Some text
</div>

http://jsfiddle.net/cGT4E/

原文由 Polo Pakina 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以更改您的 CSS 以不那么突兀地呈现它们，例如

div p,
div br {
    display: inline;
}

http://jsfiddle.net/zG9Ax/

或者 - 正如我的评论者指出的那样：

 div br {
    display: none;
}

但是为了实现你想要的例子，你需要修剪 p 下来，所以：

 div br {
    display: none;
}
div p {
    padding: 0;
    margin: 0;
}

http://jsfiddle.net/zG9Ax/1

原文由 Tim 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

或隐藏 p 标签后面的任何 br，这显然是不需要的

p + br {
    display: none;
}

原文由 2046 发布，翻译遵循 CC BY-SA 4.0 许可协议