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

哪位大侠知道怎么用CSS限定A链接的文字强制不换行呢?请指点下~... 哪位大侠知道怎么用CSS限定A链接的文字强制不换行呢?请指点下~ 展开
 我来答
铿锵民工
2017-06-15 · TA获得超过521个赞
知道小有建树答主
回答量:163
采纳率:50%
帮助的人:103万
展开全部

强制不换行 
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:只能在半角空格或连字符处换行

匿名用户
2013-03-29
展开全部
在css中可以用这个属性强制inline类型的标签里的内容不换行:
white-space:nowrap;

可以试试看,
对A连接同样有效。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
从前有个T
2013-03-27 · TA获得超过5345个赞
知道小有建树答主
回答量:685
采纳率:0%
帮助的人:766万
展开全部
给a的CSS里面加上word-break:keep-all;white-space:nowrap;试试,前面的是在IE下生效,后面的是在Firefox和Opera下生效
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
飞翔的黄昏鸟
2013-03-28
知道答主
回答量:26
采纳率:0%
帮助的人:4万
展开全部
<span> 内容</span>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式