div里面的文字看起来像para

时间:2014-08-23 05:19:07

标签: css

我在div里面有文字,如下所示..

CSS

<div class="textwidget" style="white-space: nowrap;">

Mortgage basics
Mortgage 101
Glossary
Mortgage cal…

</div>

但在我的输出中它看起来像 -

输出

抵押贷款基础抵押贷款101GlossaryMortgage cal

如何使用css

逐一带回来

4 个答案:

答案 0 :(得分:1)

使用white-space: pre;代替white-space: nowrap;

JSFiddle示例。

答案 1 :(得分:0)

您可以使用换行符<br />

<div class="textwidget" style="white-space: nowrap;">

Mortgage basics<br />
Mortgage 101<br />
Glossary<br />
Mortgage cal…

</div>

答案 2 :(得分:0)

使用white-space: pre;,其行为类似于HTML中的<pre>标记。

从文档中

  

pre:浏览器保留空格。文本仅包含换行符。类似于HTML中的<pre>标记

所以,使用

.textwidget{
    white-space: pre;
}

示例Fiddle

答案 3 :(得分:0)

试试这个

 <div class="textwidget" style="word-wrap:break-word;">

Mortgage basics
Mortgage 101
Glossary
Mortgage cal…

</div>

希望对你有所帮助