将文本添加到div会更改其相邻文本的宽度
将文本添加到div会更改其相邻文本的宽度
提问于 2019-10-01 22:10:06
我有一个下面的HTML代码：
<div class="row">
<div class="column1"></div>
<div class="column2"></div>
<div class="column3"></div>
</div>类.row是设置为行的flexbox。类column1和column2在CSS中设置了固定宽度属性。但是，类column3没有该属性。当我向该容器添加文本时，它改变了其余两个容器的宽度。
我尝试了white-space: no-wrap、overflow: hidden、overflow-wrap: break-word属性。
这些属性都不会阻止更改其他两列的宽度。我如何修复它，使所有三列都有固定的宽度，但当窗口大小改变时，column3会自动调整？
回答 1
Stack Overflow用户
发布于 2019-10-01 22:16:53
如果您将flex-shrink: 0添加到column1和column2 flex项中，这将防止它们变小。(对于变得更大，flex-grow: 0也会做同样的事情，但这已经是该属性的默认设置了，所以您不需要添加它。)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58192892
复制相关文章
点击加载更多
相似问题
在MacOSX上安装Android/Eclipse - adb不工作
在访问adb时没有找到Android findstr
‘`adb’文件没有显示在Android 11仿真程序上
Android演播室-无法在ubuntu上找到adb
未找到Android SDK文件: adb -但在哪个adb中可见
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
