极客观点
项目管理
HarmonyOS
如何使用自动换行符显示长字符串、网站地址、单词或符号集以保持 div 宽度？我猜是一种自动换行。通常添加空格是可行的，但是否有 CSS 解决方案，例如自动换行？
例如，它（非常讨厌）重叠 div，强制水平滚动等。
我可以在上面的字符串中添加什么以使其整齐地放在 div 或浏览器窗口的几行中？
原文由 Peter Craig 发布，翻译遵循 CC BY-SA 4.0 许可协议
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？
:first-child 选中了什么如题，在学习:first-child伪类的时候，我使用如下语法，但是产生的结果在预料之外。codepen链接html {代码...} css {代码...} 按照:first-child语法，body :first-child选中的应该是body的第一个子元素，也就是 {代码...} 结果选中了这个元素 {代码...} 网上搜索无果，所以来这里提问了，body :f...2 回答905 阅读✓ 已解决
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？3 回答788 阅读✓ 已解决
如何实现类似豆包的AI改写框跟随内容滚动效果？
豆包这种是怎么实现的，ai改写这个框是跟随内容滚动的，但是ai改写这个框是在body下与根节点平级的，想了半天，看他页面上代码也看不出来，求助4 回答1.2k 阅读✓ 已解决
Python字符串截取问题？
{代码...} 我预想的结果，'fde' （从倒数第二个字符到倒数第四个字符）通过命令提示符得出的结果 ''请问是我理解的有问题么？总结：因为步数默认为1，所以-2：-5不可能有结果, 要想得到结果必须使用 {代码...}1 回答2.8k 阅读✓ 已解决
如何在CSS中实现滚动条不溢出圆角框？
请问css如何实现滚动条在外侧滚动框的下一层？我最近在设计一个小插件，里面有一个换肤的小弹窗，小弹窗里还有一个小框，在这个小框里加了滚动条，小框为了美化做了border-radius，然后为这个框自定义了::webkit-scrollbar伪类，但是我发现这个滚动条会溢出这个框，很不好看，下图为现在的效果：我想做到上下的滚动条可...2 回答1.3k 阅读✓ 已解决
请问，是否可以设定Table的宽度，或者不让其超过父容器呢？
我写了一个可编辑Cell的List： {代码...} 使用方式： {代码...} 现在的问题是，比如：内容过长会直接冲出父容器：请问，是否可以设定Table的宽度，或者不让其超过父容器呢？2 回答1.1k 阅读✓ 已解决
如何在Ant Design表格中同时设置scroll.x和scroll.y且表头不换行？
当同时设置scroll.x='max-content'和scroll.y的值，并将表头的文字内容设置到比列内容长且列未设置固定宽度时，表头会换行收缩。2 回答2.6k 阅读
本篇内容翻译自 Stack Overflow，如果你觉得翻译结果值得改进，欢迎直接编辑修改，感谢你为社区贡献。
宣传栏
这个问题之前在这里被问过：
长话短说：
就 CSS 解决方案而言，您有：
overflow: scroll;强制元素显示滚动条和overflow:hidden;只是切断任何额外的文本。有text-overflow:ellipsis;和word-wrap: break-word;但它们只是 IE （break-word在 CSS3 草案中，但是，从现在开始，这将是这 5 年的解决方案）。底线是，如果通过将文本换行到下一行来阻止这种情况发生对您来说非常重要，唯一合理的解决方案是注入
­（软连字符），<wbr>（分词标记），或​（零宽度空间，与­相同的效果减去连字符）在您的字符串服务器端。但是，如果您不介意 Javascript，那么有一个似乎相当可靠的 连字符。