使用-webkit-box-flex 实现一半文本显示完全一半文本宽度自适应

xiaoxiao2026-09-16 2

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .container { width: 200px; background-color: gray; height: 24px; display: -webkit-box; overflow: hidden; } .dongtai { -webkit-box-flex:1; background-color: red; } .bixu{ background-color: yellow; } </style> </head> <body> <div class="container"> <div class="dongtai">我被压缩了我就认了</div> <div class="bixu">我一定要显示完全</div> </div> </body> </html>

转载请注明原文地址: https://ju.6miu.com/read-1312084.html

最新回复(0)

使用-webkit-box-flex 实现 一半文本显示完全 一半文本宽度自适应

使用-webkit-box-flex 实现一半文本显示完全一半文本宽度自适应