返回首页 |

合作共赢、快速高效、优质的网站建设提供商

更多精品源码-尽在织梦模板-www.moke8.com

CSS里的white

时间:2017-11-23 编辑:admin

white-space:nowrap一般会在特别情形下运用,今日我们来研究一下他的语法结构和默许参数,让我们更了解的把握white-space:nowrap

DIV CSS white-space norma nowrap强制同一行内显现一切文本文字,让一切文字内容中一排显现不换行。

让文字不主动换行,不管CSS宽度设置多少,一切文字都在一行内显现。特别是标题列表,我们想一行只显现一条标题内容,而有时宽度有限标题文字多了width(宽度)又有限,这样会形成文字主动换行,这个时分我们能够运用white-space款式让他一排显现不换行,当然我们为了躲藏超出的文字内容我们能够再加一个css overflow:hidden款式。

white-space语法与结构

white-space语法:

white-space : normal nowrap

white-space参数:

normal :  默许处理方法

nowrap :  强制在同一行内显现一切文本,直到文本完毕或许遭受br标签目标才换行。引荐运用white-space:nowrap强制不换行。

white-space阐明:

white-space设置或检索目标内文本显现方法。一般我们运用于强制一行显现内容

一般我们运用white-space:nowrap强制文本文字内容不换行,在目标内一行显现完一切文字内容。

white-space实践事例

我设置2个目标盒子,一个设置强制同行显现文本内容。第二个设置强制同行显现,但运用html br标签调查作用。为了white-space事例运用作用,我设置css宽度必定120px,css高度为60px,css行高 line-height为20px 。

1、css代码

<style>

p{ width:120px; height:60px; line-height:20px}

.p{ white-space:nowrap}

</style>

2、html代码片段

<p class="p">内容将在一行内强制显现完好</p>

<p class="p">内容运用br换行<br />

将会不被<br />换行显现</p>

white-space强制不换行与br强制换行CSS事例

white-space强制不换行与强制br标签换行

日常我们为了让文字内容在一行内显现完,哪怕宽度不行也不能换行,我们能够运用white-space款式,但如果遇到了html br强制换行标签,不管是设置white-space与否都会被<br>强制换行。

相关阅览:

Div和CSS 该怎样学习


css的position怎样运用


CSS的min-width和max-width怎样设置

以上就是CSS里的white-space:nowrap怎样运用的具体内容,更多请重视其它相关文章!


浏览:

网站建设

流程

    网站建设流程