css样式强制换行,css样式不换行

CSS样式怎么控制文字强制换行

style type="text/css"

.first

{

width:120px;

height:60px;

border:1px solid blue;

word-wrap:break-word

}

.second

{

width:120px;

height:60px;

border:1px solid red;

word-break:break-all;

}

word-wrap的break-word属性值可以导致换行，一般说来如果一个单词比较长的话，行末的空间不足以容纳这个单词就会产生换行，而不是将一个单词截断，word-break的break-all属性值可以截断一个单词

相关问答

Q1: css怎样操作页面文字不换行，自动换行，强制换行

不换行：white-space:nowrap;

自动换行：word-wrap: break-word; word-break: normal;

强制换行：word-break:break-all;

Q2: css标点符号怎么实现换行？

主要用到CSS的word-break属性，为其添加:break-all参数，这样的话字符会适应规定的宽度而自动换行，实际上这就是CSS的强制换行功能。

Q3: 怎样使用样式css使文本强制换行？编辑器上传的内容在显示的时候会超出！

我之前也遇到过这样的问题，上网找了一些答案，只要加上 word-wrap:break-word; word-break:break-all; white-space:normal; 这三个样式就ok了，当然你的其他样式要注意不要影响了文本内容的样式。

Q4: css 如何控制span 强制换行

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

""

html

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8"

title景安网络/title

style type="text/css"

span{ display:block;}

/style

/head

body

span景安/span

span景安网络/span

span景安网络/span

/body

/html

使用display:block; 将span转成块级元素即可