突出显示

时间:2017-02-28 11:40:56

标签: html css html5

在可编辑的div内容中,突出显示时,我无法像这样看到BR的厚度: enter image description here

我希望它在MS Word中像这样

enter image description here

(更新:Typo更早 - 指出了错误的语法) 顺便说一句,<BR>就像这样

&#13;
&#13;
<div contenteditable='true'>
  <div>
    <span><br/></span>
  </div>
</div>
&#13;
&#13;
&#13;

我应该使用CSS来设置BR的厚度吗?或者还有另一种方式?请说清楚。谢谢!

1 个答案:

答案 0 :(得分:1)

&nbsp;标记在<br>之后。

&#13;
&#13;
<div contenteditable='true'>
<div>
<h4>test 1</h4>
<span>test
<br/>
<br/>
test
</span>
</div>

<div>
<h4>test 2 </h4>
<span>test
<br>
&nbsp;
<br>
test
</span>
</div>

<div>
<h4>test 3</h4>
<span>test
<br/>
&nbsp;
<br/>
test
</span>
</div>
</div>
&#13;
&#13;
&#13;

更新:

这很有效,因为就像MSWord一样,你应该为新行添加空格(HTML的&nbsp;)。因此,您可以突出显示文本并查看新行。