div是块标签，默认情况下当浏览器宽度不足以显示全部元素，div就会占据多行来保证内容的显示
而我出现的问题是
1、宽度缩小到内容不足以显示的情况下，内标签出现了换行，div却没有换行
2、宽度缩小到内容不足以显示的情况下，超出边界的内容都不换行。
我想知道这三种效果是通过控制css的哪几个属性实现的
html中当浏览器宽度缩小时div的换行问题
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
天际的海浪 2018-12-02 08:46关注1是 div设置了固定的 height
2是 div设置了 white-space: nowrap 或者固定的 width本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2021-06-12 01:38UniDaily的博客 当浏览器窗口最大化时，我有一个水平菜单，但当我收缩浏览器窗口或手机上的查看页面时，菜单项会换行。我尝试过所有例子，但都没有成功。当浏览器窗口缩小时，CSS水平菜单换行...
- 2023-02-16 10:28weixin_42613017的博客 当 div 的宽度不足以容纳其中的内容时，浏览器会自动将内容分行显示，以适应 div 的宽度限制。这个过程被称为“换行”。如果需要控制 div 内容的换行行为，可以使用 CSS 样式属性，例如：word-wrap、white-space 等...
- 2025-10-23 16:56读忆的博客 比如明明没给元素设置 margin、padding，图片和 div 换行后中间却莫名出现一段空白高度，用浏览器开发者工具检查样式也找不到明显异常。这种隐藏的布局间隙不仅影响页面美观，还可能打乱整体排版逻辑。今天就来深入...
- 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，它的内容就会到...
- 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; /* ...
- 2020-11-20 11:01weixin_39609483的博客 在我们书写html代码的时候，为了便于阅读，标签与标签之间常用空格、换行隔开，但是在IE8以后的浏览器包括现在的Chrome、opera等浏览器中，把节点与节点之间的空白符（即空格和换行）也视为文本节点。因为这个原因而...
- 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日