相关疑难解决方法(0)

我有一段很大的文字,分为以下的分段<br>:

<p>
  Blah blah blah.
  <br/>
  Blah blah blah. Blah blah blah. Blah blah blah.
  <br/>
  Blah blah blah.
</p>

我想扩大这些分段之间的差距,就像有两个<br>或类似的东西.我知道正确的方法是使用<p></p>,但是现在我无法改变这种布局,所以我正在寻找仅限CSS的解决方案.

我试过设置<br>的line-height和height有display: block,我也一派,堆栈溢出-ED简单,但没有找到任何解决方案.这是否可以在不改变布局的情况下实现？

我在这里看到了一个相同的问题,但我无法得到任何工作的答案(至少在chrome上).

这个问题仅适用于<br>,我知道很多其他技术可以改变高度但在这种情况下我不能改变html.

bla<BR><BR>bla<BR>bla<BR><BR>bla

CSS:

br {
    display: block;
    margin-bottom: 2px;
    font-size:2px;
    line-height: 2px;
}

期望的效果:较小的线间高度.

我唯一可以工作的是display:none,但是所有的换行都被删除了.

这是使用一些技术的小提琴,但看到它渲染与没有任何CSS的完全相同.

以下是有效的HTML吗？

<br class="something"> 

作为一个HTML元素我不明白为什么它不会,但我不认为我曾经见过它.

我想要一个可用于表示新行的Unicode字符.我之前见过,但是在我试过的任何谷歌搜索中找不到它.它看起来像这样:

------
     |
 <----

假设我们有一个div包含一些多行文本的容器,其中一些行被包装.

是否可以添加图像以指示特定行被包裹,而不是另一行被分隔<br>？

来自Notepad ++的所需示例:

沙箱:http://jsfiddle.net/yL9gU/

我使用flexbox得到了一个表,并注意到一个有趣的特性:br元素在flexbox中无法做任何事情.

例:

.flexbox {
  display: flex;
  flex-wrap: wrap;
  border: 2px solid red;
  padding: 2px;
}

.item {
  width: 50px;
  height: 50px;
  margin: 2px;
  border: 2px solid blue;
}

.new-row, br {
  display: block;
  width: 100%;
  height: 0px;
}

<p>Line break using div:</p>
<div class="flexbox">
  <div class="item"></div>
  <div class="item"></div>
  <div class="new-row"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

<p>Line break using br:</p>
<div class="flexbox">
  <div class="item"></div>
  <div class="item"></div>
  <br>
  <div class="item"></div>
  <div class="item"></div>
</div>

在示例中,div并br共享相同的属性,但div将元素传递给新行,而 …

我有这个带有多个<br>标签的HTML .

<br>
<br>
<br>
<br>
<br>
TITLE
<br>
<br>
foo bar
<br>
foo bar
...

我想最多只保留单次和双次休息(新行和新段落),我想忽略所有额外的<br>.所以最多2个<br>一个接一个.所以,

<br><br><br><br><br>TITLE<br><br>foo bar<br>foo bar<br><br><br>foo bar

会成为

<br><br>TITLE<br><br>foo bar<br>foo bar<br><br>foo bar

我怎么能用CSS做到这一点？

我想选择所有<br>至少有2个前任<br>兄弟姐妹的元素

编辑:对于更多的上下文,HTML是在外部网站上,我尝试用firefox/Stylish改进阅读,所以只有CSS

我用

  <br />

在我的网页上插入空白行.什么是优雅的方式来做相当于20-40的这些？格式化后,每个br标签都放在一个单独的行上,这使得读取文件变得很麻烦.

我使用改变了文本高亮颜色::selection,这在我的页面中非常有用.但是,我发现Chrome的行为与FF不同,后者突出显示<br>默认的蓝色而不是我为所有元素设置的颜色.FF没有高亮, <br>所以它工作正常.

我试图覆盖::selectionfor <br>,不起作用; 试图使用user-select:none;,也不起作用; 试过display:none;,这简直让我的<br>一切都消失了......

任何的想法？

如何使用css使最后一段中的第一句粗体？我还想在最后一段的顶部添加额外的填充,以便它将环绕图像.如果我增加浮动图像底部的填充,段落不会包裹到图像的底部齐平左边缘,它只是沿着它的右边流动 - 而不是我想要的.我将一个类绑定到"p"元素,因为我只想影响某个段落(我没有看到":last-child"伪元素也不知道你是否可以使用两个伪元素一个元素或类).

#wf_mainContent_left p.last_wfp:first-line {
padding-top:20px;
font-weight:bold;
color:red;
}

HTML

<p class="last_wfp">This is the first sentence that I want bold and red. This is the second
 sentence that I don't want that treatment.</p>

当我只想要第一句时,即使它们在同一条线上,这也会使两个句子都变粗.这应该可以根据本教程完成.并且对填充没有影响.我尝试过添加<br>标签,但它增加了很多空间.我尝试了<br>标签的样式,但根据我刚刚阅读的这篇文章,这是不可能的.无论如何,我只想要第一行是粗体,而不是两个句子.

是否有可能以可视化方式在html中可视化换行符和段落分隔符，就像在word中一样？

此问题旨在了解有关<br>标记的更多信息:

有一个HTML页面使用以下样式将单词分成段落:

<div>
    <br>200 words follows...
    <br>another 300 words...
    <br>
    <br>and 250 words...
</div>

我通常不会以这种方式设置内容,但会<p> ... </p>为每个段落使用标记.但是,假设我们不重新构造文档,而只是使用CSS来设置<br>标记的样式,以便每个段落在顶部可以有更多的空白空间(而不是默认值),如果仅仅是为了理解<br>更多,怎么办？(虽然<br>在某种程度上是换行符的特殊元素,但它应该像其他元素一样具有样式.)

请注意,line-height在这种情况下不起作用,而在Chrome中,它的工作方式与Mac上的Firefox不同...可以在http://jsfiddle.net/ff5SX/2/上试用

在Chrome上,连续只有2个<br>会提供更多空间,而在Firefox上,这种行为很奇怪,很难解释.