css怎么让字体不换行 css怎么让文字自动换行

怎么用CSS限定A链接的文字强制不换行呢？

强制不换行 

a{ white-space:nowrap; }

再补充说明所有关于换行的CSS样式：

white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit; 

white-space 属性设置如何处理元素内的空白

normal 默认。空白会被浏览器忽略。

pre 空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。

nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 br 标签为止。

pre-wrap 保留空白符序列，但是正常地进行换行。

pre-line 合并空白符序列，但是保留换行符。

inherit 规定应该从父元素继承 white-space 属性的值。

word-wrap: normal|break-word; 

word-wrap 属性用来标明是否允许浏览器在单词内进行断句，这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。

normal: 只在允许的断字点换行(浏览器保持默认处理)

break-word:在长单词或URL地址内部进行换行

word-break: normal|break-all|keep-all;

word-break 属性用来标明怎么样进行单词内的断句。

normal：使用浏览器默认的换行规则。

break-all:允许再单词内换行

keep-all:只能在半角空格或连字符处换行

相关问答

Q1: 怎样让css控制文字禁止换行？

style type="text/css"

div{width:300px;border:1px solid red;margin:10px;overflow:hidden;}

.nowrap{white-space:nowrap;}

/style

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

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

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

Q2: css强制文字不换行实现代码

强制不换行，直接使用white-space:nowrap即可。

CSS设置不转行:

overflow:hidden

隐藏

white-space：normal

默认

pre

换行和其他空白字符都将受到保护

nowrap

强制在同一行内显示所有文本，直到文本结束或者遭遇

br

对象

例，强制不换行

代码如下

div{

white-space:nowrap;

}

Q3: css中怎么让文字不换行？

white-space:nowarp;

css里加入这段代码就可以强制文字不换行。。

Q4: 如何用css实现不能自动换行,如果文字过长,省略,用”…”替代？

最好是用块级元素，父级必须得有个宽度，如果不设置，列如移动端会出现横向滚动条

举例：

div class='box'

    h1标题信息/h1

    p内容描述/p

/div

style

    .box{width:100%}

    .box h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/style

white-space:nowrap;    //代表文字不自动换行

overflow:hidden;          //代表溢出隐藏

text-overflow:ellipsis;   //代表溢出省略号

很好用的，一般只设置溢出隐藏会出现截取一般的字，用这个属性就不会了，溢出会出现...

关于css怎么让字体不换行和css怎么让文字自动换行的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。