内容不超出容器

html-js-css

详解flex布局中保持内容不超出容器的解决办法

在移动端，flex 布局很好用，它能够根据设备宽度来自动调整容器的宽度，用起来很方便，已经越来越离不开它，但是最近在做项目的时候发现一个问题。就是在一个设置了 flex:1 的容器中，如果文字很长，这时候文字就会超出容器，而不是呆在设置好

code
2022-4-14
75 0 0 0

Error[2]: array_keys() expects parameter 1 to be array, null given, File: /www/wwwroot/outofmemory.cn/tmp/view_template_wqo_wpcom_htm_tag.htm, Line: 137

File: /www/wwwroot/outofmemory.cn/tmp/view_template_wqo_wpcom_htm_tag.htm, Line: 137, array_keys()
File: /www/wwwroot/outofmemory.cn/tmp/route_tag.php, Line: 115, include(/www/wwwroot/outofmemory.cn/tmp/view_template_wqo_wpcom_htm_tag.htm)
File: /www/wwwroot/outofmemory.cn/tmp/index.inc.php, Line: 174, include(/www/wwwroot/outofmemory.cn/tmp/route_tag.php)
File: /www/wwwroot/outofmemory.cn/index.php, Line: 30, include(/www/wwwroot/outofmemory.cn/tmp/index.inc.php)

详解flex布局中保持内容不超出容器的解决办法