\n <div class="item">Text 3
\n <div class="item">Text 4
\n <div class="item">Text 5
\n <div class="item">Text 6\n <div class="item">Text 7\n\n"\n"<div class="container">\n display: flex;\n flex-wrap: wrap;\n height: 4em; /* 行高的4倍 /\n}\n\n.item {\n flex-basis: 50%; / 一行显示2个div /\n text-align: center;\n line-height: 1em; / 行高 */\n}\n" 使用 Flex 布局可以轻松实现一行显示 2 个 div,并设置容器的高度为 4 倍行高即可。

Vue 中使用 Flex 布局实现一行显示 2 个 div,一共显示 4 行

原文地址: https://www.cveoy.top/t/topic/p98n 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录