相关疑难解决方法(0)

模拟显示:在React Native中内联

React Native不支持CSS display属性,默认情况下所有元素都使用display: flex(no no inline-flex)的行为.大多数非flex布局都可以使用flex属性进行模拟,但我对内联文本感到慌乱.

我的应用程序有一个容器,其中包含几个文本单词,其中一些需要格式化.这意味着我需要使用跨度来完成格式化.为了实现跨度的包装,我可以设置要使用的容器flex-wrap: wrap,但这只允许在跨度结束时进行换行,而不是在单词中断时包装的传统内联行为.

问题可视化(跨黄色):

在此输入图像描述

(通过http://codepen.io/anon/pen/GoWmdm?editors=110)

有没有办法使用flex属性进行正确的包装和真正的内联模拟?

css flexbox reactjs react-native

40
推荐指数
5
解决办法
4万
查看次数

标签 统计

css ×1

flexbox ×1

react-native ×1

reactjs ×1