前端 flex弹性布局之弹性布局中文换行

阮一峰布局语法: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
Flex 布局实例篇:http://www.ruanyifeng.com/blog/2015/07/flex-examples.html

<div style="background: green; display: flex;">
        <div style="flex-basis: auto; white-space: nowrap; background: red; ">我是第一</div>
        <div style="width: 100%; background: #0f0;">66666</div>
</div>

这里写图片描述

在此不讲flex布局语法跟实例,请参考以上 阮一峰 老师的教程。
主要提醒大家注意:在使用弹性布局的时候,如果div内部写的是 中文 ,会导致内部换行,请给换行的div加一个 white-space: nowrap; 属性。

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 黑客帝国 设计师:白松林 返回首页