我正在尝试居中文本(水平和垂直),我在这方面有一点困难。
这就是我尝试过的,但它只是水平居中,而不是垂直居中。
如何将此文本置于中心位置?
<div class="playerDetailsPage">
<p>
<h4>The text will be in the center</h4>
</p>
</div>
css
.playerDetailsPage {
background-color
在React本机中,使用flexbox,我的<Text>组件中的文本是水平(垂直)居中的。
这就像预期的一样--如果文本行足够短,那么而不是需要将包装到下一行。
但是,当给出一个长文本字符串时,将封装在多行之间,呈现的文本不会使水平地以为中心!
相反,包装的文本将对齐到左侧边缘。
如何迫使包装的文本行水平居中?
这个水平中心是shortText,而不是longText:
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
class De
我如何模拟浮动左底部和浮动在顶部与CSS3柔性箱?我想实现以下情况(重要:,div框中的文本也应该是垂直的和水平的居中):
编辑: PLNKR示例:,但是div框中的文本也应该是垂直和水平居中的。
应加强下列守则:
display: flex; // for parent container
align-self: flex-end; // for child div-1 to place it at bottom
margin-left: auto; // for child div-2 to place it right top
(我不喜欢margin-