html - 如何禁用内部标签通过CSS？

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 文件。我当然知道禁用它的方法。

br { display: none; }我问如果可能的话，如何将它添加到 div 样式中。

解决方案：

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/

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

我使用了它，它具有删除换行符并将其显示为单词之间的空格的效果。我认为这更接近你正在寻找的东西。

br {
  display: inline;
  content: ' ';
  padding: 0 3px;
}

Answer 4

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

<br>使用 CSS移除效果。

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

Answer 5

我这样使用它：

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

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

Answer 6

我看到人们评论只是为了从 html 中删除，但如果你只想从某些类型的 @media 屏幕中删除它，那么这是要走的路：

div br {
  display: none;
}