如何检测文本是否溢出?例如,以下文本比div容器允许的长.如何在javascript中检测到这一点?
<div style="max-width: 100px; white-space:nowrap; overflow: hidden;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit
</div>
Run Code Online (Sandbox Code Playgroud) 据我所知,react-native样式表不支持min-width/max-width属性.
我有一个视图和文本.自动宽度中的视图不会通过继承文本元素来调整大小.
如何解决该问题并使用文本宽度自动设置视图宽度?
我的代码是:
<View style={{backgroundColor: '#000000'}}>
<Text style={{color: '#ffffff'}}>Sample text here</Text>
</View>
Run Code Online (Sandbox Code Playgroud)
在常见的HTML/CSS中,我会这样认识到:
<div style="background-color: #000; display: inline;">Sample text here</div>
Run Code Online (Sandbox Code Playgroud)
注意:父视图上的flex:1对我没有帮助.文字显示为
"Sam"
"ple"
"Tex"
"t"
Run Code Online (Sandbox Code Playgroud)