如何在css？</div>中禁用<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 {@ 1}}。

解决方案：

1. 如果不删除内容，则无法删除br { display: none; }个标记。
2. 无法通过div样式直接隐藏<p>，所以我这样做：

<br>

http://jsfiddle.net/cGT4E/

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

Answer 2

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

p + br {
    display: none;
}

Answer 3

<p style="color:black">Shop our collection of beautiful women's <br> <span> wedding ring in classic &amp; modern design.</span></p>

使用CSS移除<br>效果。

<style> p br{ display:none; } </style>

Answer 4

我这样使用它：

@media (max-width: 450px) {
  br {
    display: none;
  }
}

nb：通过Foundation查询媒体 nb2：如果其中一位编辑者打算在他/她的副本中使用
标签，并且您需要在某些条件下（例如在移动设备上）专门进行处理，则这很有用。