橘色div设置的宽度为
500px,查看元素得知显示的宽度为262.36px，被压缩了一部分。
<template>
<div class='container_box'>
<div class='left_word'>拒绝原因（原因应合理，表述明确）：</div>
<a-textarea placeholder="请输入" />
</div>
</template>
<style scoped>
.container_box {
display: flex;
align-items: center;
background: orange;
width: 40%;
}
.left_word{
width:500px;
}
</style>
问题截图如下：
image.png
image.png
做法1：将width改为min-width
image.png
做法2：设置flex-shrink: 0;
image.png
问题描述： 橘色div设置的宽度为500px,查看元素得知显示的宽度为262.36px，被压缩了一部分。 问题代码...
10/4仅供参考 css中opacity透明度的继承问题解决（父元素使用opacity，子元素也变透明） 今天在项...
1、防止子元素被压缩 2、子元素填充满剩余区域 3、子元素中存在不可换行元素时，宽度超出父元素长度，且无法压缩
一、使用构建工具原因： (1) 解决JavaScript和CSS的依赖问题(2)性能优化(合并和压缩文件)(3)...
因为设置了display: flex; 导致block布局变成了flex布局， 所以在子元素宽度没有被撑破的情况下...
场景： 元素分为左右两块，左边元素定宽，右边元素自动充满屏幕。 flex布局中设置宽度被压缩的问题 当子元素设置固...
1.子元素溢出 子元素溢出会影响到父级高度，子元素的margin-top/bottom的越界问题 解决方案：使用内...
当元素之间出现了高度塌陷和内边距重叠问题时，可以使用 .clearfix 类来解决 css： .clearfix:...
我们除了可以使用 gulp 压缩 JS 文件，还可以压缩 CSS，压缩 CSS 代码可以降低 CSS 文件的大小，...
我们除了可以使用 gulp 压缩 JS 文件，还可以压缩 CSS，压缩 CSS 代码可以降低 CSS 文件的大小，...
本文标题：css解决子元素被压缩的问题(使用min-width、flex-
本文链接：https://www.haomeiwen.com/subject/dwjjmrtx.html
网友评论