首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >布局问题:在具有可变文本的CSS中保持固定宽度

布局问题:在具有可变文本的CSS中保持固定宽度
EN

Stack Overflow用户
提问于 2010-03-04 00:27:25
回答 2查看 268关注 0票数 1

包含我试图显示的文本的"span“标记的宽度是500px。

现在,每次我插入比宽度更长的文本时,它都会交叉以完成文本。只有当文本没有空格时才会发生这种情况(例如:

代码语言:javascript
运行
复制
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

你就明白了。

我试过设置max-width,但也没有用。

有什么建议吗?(我讨厌不得不用php来剪切文本)

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-03-04 00:33:29

word-wrap: break-word

IE,Firefox 3.5,Chrome,Safari和Opera 10.50都支持它。它甚至在IE的老版本中也被支持,因为它是微软的发明,现在是CSS3的一部分。

你可以使用see a preview here

票数 3
EN

Stack Overflow用户

发布于 2010-03-04 00:30:03

你也讨厌用CSS剪切文本吗?尝试使用overflow: hidden。但这将削减文本。

我不知道你的文本的结构,但是如果你真的想要像你的例子一样长的单词,那么在looooong单词中插入一个空格,否则会破坏你的布局,让HTML自动换行来处理换行,怎么样?

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2373000

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档