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;...
- 2017-06-08 02:11回答 1 已采纳 左边是padding，右边是内容块，下面是margin，到时窗口右边的有布局  { 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日
悬赏问题
- ¥20 delta降尺度方法，未来数据怎么降尺度
- ¥15 c# 使用NPOI快速将datatable数据导入excel中指定sheet，要求快速高效
- ¥15 再不同版本的系统上，TCP传输速度不一致
- ¥15 高德地图点聚合中Marker的位置无法实时更新
- ¥15 DIFY API Endpoint 问题。
- ¥20 sub地址DHCP问题
- ¥15 delta降尺度计算的一些细节，有偿
- ¥15 Arduino红外遥控代码有问题
- ¥15 数值计算离散正交多项式
- ¥30 数值计算均差系数编程