div是块标签，默认情况下当浏览器宽度不足以显示全部元素，div就会占据多行来保证内容的显示
而我出现的问题是
1、宽度缩小到内容不足以显示的情况下，内标签出现了换行，div却没有换行
2、宽度缩小到内容不足以显示的情况下，超出边界的内容都不换行。
我想知道这三种效果是通过控制css的哪几个属性实现的
html中当浏览器宽度缩小时div的换行问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
天际的海浪 2018-12-02 08:46关注1是 div设置了固定的 height
2是 div设置了 white-space: nowrap 或者固定的 width本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2018-12-02 05:43回答 1 已采纳 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
- 2023-02-16 10:28weixin_42613017的博客 当 div 的宽度不足以容纳其中的内容时，浏览器会自动将内容分行显示，以适应 div 的宽度限制。这个过程被称为“换行”。如果需要控制 div 内容的换行行为，可以使用 CSS 样式属性，例如：word-wrap、white-space 等...
- 2018-01-30 08:47回答 10 已采纳 ul套个div容器，div设置width为9999999px，然后再放入红色的容器中，红色容器设置overflow auto或者hidden（需要用js设置ul div容器的scrollLeft才行移
- 2022-03-09 13:06回答 7 已采纳 你好，你的标签少了，
- 2022-08-10 14:07回答 3 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
- 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
- 2017-04-12 06:05回答 9 已采纳 ``` $("#div").html.replace(' ',' '); ```
- 2017-12-08 04:03回答 7 已采纳 $(".dia_menu_lst span").click(function () { var data = $(this).attr('data'); }
- 2021-06-13 09:20王士昂的博客 RISEBY如果DIV定义的宽度，当文本超过这个宽度时就会自动换行。自动换行：div{word-wrap: break-word;word-break: normal;}如果是是连续的数字和英文字符换行，则如下：div强制换行(IE浏览器)white-space:normal;...
- 2022-06-02 09:37回答 1 已采纳 @media screen and (max-width: 1200px)，当有iframe的时候它获取的是iframe的宽度，如果你的页面是独立页面没有iframe，这时候才是浏览器宽度。这个是规则
- 2022-04-12 09:15AzeShinja的博客 我的实现方式是通过html中双层for循环做的 首先我们把数组数据处理一下，因为我们是每5个元素分成一个div 看下数据格式： data() { return { examList: [ { title: '正题', listData: [1, 2, 3, 4, 5, 6, 7,...
- 2021-06-11 15:13怀石的博客 效果图:重要代码:1.包裹Json元素块添加属性...2.固定宽度width:800px; Json内容p>th>或者Json内容p>全部代码:Json换行title>head>测试json换行th>"json":"{\"data\":{\"adfadf\":\"\",\"result...
- 没有解决我的问题, 去提问
问题事件
已采纳回答
8月9日
悬赏问题
- ¥15 数学建模招标中位数问题
- ¥15 phython路径名过长报错 不知道什么问题
- ¥15 深度学习中模型转换该怎么实现
- ¥15 HLs设计手写数字识别程序编译通不过
- ¥15 Stata外部命令安装问题求帮助！
- ¥15 从键盘随机输入A-H中的一串字符串，用七段数码管方法进行绘制。提交代码及运行截图。
- ¥15 TYPCE母转母，插入认方向
- ¥15 如何用python向钉钉机器人发送可以放大的图片？
- ¥15 matlab（相关搜索：紧聚焦）
- ¥15 基于51单片机的厨房煤气泄露检测报警系统设计