无法设置数据样式以将其视为单色空间
阿南德
我正在使用react在UI上显示一些数据，但无法格式化它。
我想显示的数据：
["----------------------------------------------------------------------------\n",
"DEPT >= 0; ¦ Y N N N N N N\n",
"NEW; ¦ Y N N N N N\n",
"¬OLD; ¦ Y N N N N\n"]
显示方式：
我希望它如何显示：
目前，我正在使用Courier New它作为同质字体的印象，但是我以某种方式获得了预期的效果。
我也尝试过monospace字体家族。
<div style={{fontSize:"11px", fontFamily:"Courier New"}}>
{this.state.codeData.map(item=>
<p key={Math.random()}>
{item}
</p>)}
</div>
请帮助或建议一些适当的链接，这可能有助于我完成工作。
谢谢
西德丹·那
将数据包装在<pre> {item} </pre>标签中
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
设置数据样式并使用Angularjs将其导出为CSV
- 2
无法赋值，Swift 将其视为不可变的
- 3
无法从js设置样式
- 4
将标签栏设置为透明但无法将其恢复为默认样式
- 5
如何设置画布中剩余空间的样式
- 6
设置灰度（或单色）配色方案
- 7
无法设置android中的样式
- 8
无法设置PHP回声的样式
- 9
MS Word：无法识别脚注参考，并将其设置为常规样式（从Google文档到Word）
- 10
Unix IFS无法设置键/值数据并将其放入数组
- 11
jQuery-从输入获取值，然后将其设置为样式
- 12
添加一个新列 IsActive 并将其数据类型设置为 bit 并希望将其设置为非空。无法在 IsActive 列中插入空值
- 13
为什么编译器将 System.Object 设置为 False 时将其视为 null
- 14
无法设置单选按钮的样式吗？
- 15
无法使用JavaScript设置样式属性
- 16
无法使用CSS设置Jquery元素的样式
- 17
CSS / Bootstrap无法正确设置样式
- 18
无法设置活动菜单元素的样式
- 19
无法设置Xamarin Android CalendarView的样式
- 20
无法在 FragmentDialog 中设置主题/样式
- 21
jquery 无法将其设置为当前元素
- 22
无法直接设置CSS样式或样式HTML属性
- 23
CSS无法从外部样式表进行样式设置
- 24
无法直接设置CSS样式或样式HTML属性
- 25
使用Bootstrap设置数据验证错误的样式
- 26
VirtualBox无法在Windows上分配缓存的内存（不将其视为可用）
- 27
从函数返回数据框并将其存储在工作空间中
- 28
从函数返回数据框并将其存储在工作空间中
- 29
无法编辑数据透视表样式
我来说两句