在dreamweaver 中的css样式里怎样去掉换行

html-css014

在dreamweaver 中的css样式里怎样去掉换行,第1张

在css中能够实现换行的代码有如下几个:

1、display:block //将标签改成块元素,块元素是单独占一行的。

2、clear:both; //清除浮动实现换行。

3、white-space:break; //这个一般适用在英文文章中的折行。

可以根据上面的几个能实现换行的样式,只需要将对应标签的对应属性删除就可以了。

强制不换行

div{

white-space:nowrap

}

自动换行

div{

word-wrap: break-word

word-break: normal

}

强制英文单词断行

div{

word-break:break-all

}

<style type="text/css">

div{width:300pxborder:1px solid redmargin:10pxoverflow:hidden}

.nowrap{white-space:nowrap}

</style>

<div class="nowrap">这是一段很长的文字,中间没有空格,也没有换行,它不会自动换行直到被截取掉</div>

<div>这是一段很长的文字,中间没有空格,也没有换行,但它会自动换行</div>

上面两个div里超宽的文字,第一个里面的被禁止换行,然后超宽的被截取了;第二个不做设置,于是自动换行了。