如何在保持垂直居中的同时将文本靠左对齐?

时间:2019-02-15 作者:Avinash Patel

如果你看到this page, 文本左侧对齐,但我也希望它们垂直居中对齐。类似Middle Align + Left Align 在excel中。

你可以看到这张图片,看看我在找什么enter image description here

2 个回复
SO网友:Martin Jarvis

文本需要位于具有宽度和左/右边距的元素内。例如,您可以使用这样的构造。。。

`<span style="width:50%;margin-left:25%;margin-right:25%">Here is my 
 text</span>`
这样做意味着您的文本将占据可用元素的中间50%,并将与该中间50%的左侧对齐(除非您添加类似“文本对齐:居中”的内容)。

最可能的情况是,您将在自定义css中创建一个具有上述属性的类,然后在希望文本显示为这样的任何地方使用该类。

`.my-center-text {width:50%;margin-left:25%;margin-right:25%;}`

SO网友:hamdirizal

使用其他CSS规则。

.question-content-text{display:flex;align-items:center;}

相关推荐

Testing Plugins for Multisite

我最近发布了一个WordPress插件,它在单个站点上非常有效。我被告知该插件在多站点安装上不能正常工作,我理解其中的一些原因。我已经更新了代码,现在需要一种方法来测试更新后的代码,然后才能转到实时客户的多站点安装。我有一个用于测试的WordPress安装程序的单站点安装,但需要在多站点安装上进行测试。根据我所能找到的唯一方法是在网络上至少有两个站点来安装整个多站点安装,以测试我的插件。设置WordPress的整个多站点安装是插件开发人员的唯一/首选方式,还是有更快的测试环境可用。