div是块标签，默认情况下当浏览器宽度不足以显示全部元素，div就会占据多行来保证内容的显示
而我出现的问题是
1、宽度缩小到内容不足以显示的情况下，内标签出现了换行，div却没有换行
2、宽度缩小到内容不足以显示的情况下，超出边界的内容都不换行。
我想知道这三种效果是通过控制css的哪几个属性实现的
html中当浏览器宽度缩小时div的换行问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
天际的海浪 2018-12-02 08:46关注1是 div设置了固定的 height
2是 div设置了 white-space: nowrap 或者固定的 width本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2023-01-03 16:43回答 2 已采纳 英文字母之间如果没有空格，系统认为是一个单词，就不会自动换行。汉字就没有这种情况。可以增加如下属性word-break:brrak-all，word-wrap:break-word, 小哥哥，请采纳哦
- 2018-09-03 02:39回答 6 已采纳 inline-block是包含空格、换行符的，所以种种原因会导致inline-block产生间距，即会出现换行。https://blog.csdn.net/camillezj/article/deta
- 2018-01-30 08:47回答 10 已采纳 ul套个div容器，div设置width为9999999px，然后再放入红色的容器中，红色容器设置overflow auto或者hidden（需要用js设置ul div容器的scrollLeft才行移
- 2023-02-16 10:28weixin_42613017的博客 当 div 的宽度不足以容纳其中的内容时，浏览器会自动将内容分行显示，以适应 div 的宽度限制。这个过程被称为“换行”。如果需要控制 div 内容的换行行为，可以使用 CSS 样式属性，例如：word-wrap、white-space 等...
- 2022-03-09 13:06回答 7 已采纳 你好，你的标签少了，
- 2022-08-10 14:07回答 3 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
- 2021-09-28 14:51回答 6 已采纳 文字过长一般可以做成...省略的形式
- 2021-06-10 05:24梨都郎君的博客 自动换行 word-break:break-all和word-wrap:break-wordword-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。它们的区别就在于：1，word-break:break-all 例如div宽200px，它的内容就会到...
- 2013-09-12 03:51回答 1 已采纳 使用jquery, 两个div是需要浮动的, 否则你改变大的div宽度小于内层的div可能有点问题 function show(){ if ($("#line-div").css("di
- 2022-03-25 14:48回答 4 已采纳 调整下图片位置 <section> <h2>对仗</h2> <img src="https://img-mid.csdnimg.cn/rel
- 2017-04-12 06:05回答 9 已采纳 ``` $("#div").html.replace(' ',' '); ```
- 2020-12-07 04:34然而，`inline-block`在不同浏览器之间的兼容性问题一直是前端开发者面临的挑战。本文将深入探讨这一问题以及如何解决。 `display: inline-block`属性允许一个元素保持行内元素的行为（不会换行），同时能够像块级...
- 2020-09-25 13:36这样，当遇到连续的无间隔字符时，浏览器会在适当的地方强制进行单词内部的换行，确保内容不会溢出单元格。例如： ```html <td><div style="word-break: all;">lovelovelovelovelovelovelovelovelovelove</div> `...
- 2021-10-27 16:48在Web前端开发中，浏览器兼容性问题是一个常见的挑战，尤其是涉及到HTML、CSS和JavaScript的实现时。本文主要探讨的是CSS在不同浏览器，特别是IE浏览器中的兼容性问题及其解决方案。 1. **CSS垂直居中问题**：在CSS...
- 2022-07-04 08:46**问题**：在表格中，当`<td>`的宽度固定时，其中的文字可能会自动换行。 **解决方法**：设置`<td>`的`word-wrap`属性为`break-word`或`white-space`属性为`nowrap`。 ```css td { word-wrap: break-word; /* ...
- 没有解决我的问题, 去提问
问题事件
已采纳回答
8月9日
悬赏问题
- ¥50 寻找一位有逆向游戏盾sdk 应用程序经验的技术
- ¥15 请问有用MZmine处理 “Waters SYNAPT G2-Si QTOF质谱仪在MSE模式下采集的非靶向数据” 的分析教程吗
- ¥50 opencv4nodejs 如何安装
- ¥15 adb push异常 adb: error: 1409-byte write failed: Invalid argument
- ¥15 nginx反向代理获取ip，java获取真实ip
- ¥15 eda：门禁系统设计
- ¥50 如何使用js去调用vscode-js-debugger的方法去调试网页
- ¥15 376.1电表主站通信协议下发指令全被否认问题
- ¥15 物体双站RCS和其组成阵列后的双站RCS关系验证
- ¥15 复杂网络，变滞后传递熵，FDA