Question

我想将文字ONLINE NEWS SERVICE纵向和横向center对齐，并且正好位于标题中间：http://news.softsolutionslimited.website。但是，如果我添加<span align="center" style="text-align:center;align-content:center; vertical-align:middle;">ONLINE NEWS SERVICE</span>所有可能的中间和中心设置，则文本不会出现在中间，而是水平和垂直居中对齐。

请帮忙。我想将文本ONLINE NEWS SERVICE垂直和水平居中对齐。

Answer 1

尝试一次

span.title{
  display:block;
margin:0px auto !important;
  text-align:center;
}

	<!-- To display online news text -->
	<span class="title">ONLINE NEWS SERVICE</span>

Answer 2

文本通常不会按预期对齐，因为它是容器的子元素，它不会覆盖您想象的宽度（所以也许你应该检查宽度：

<header id="masthead">

），或者包含文本的元素没有被设计为块级元素，其宽度覆盖了您希望文本集中在其中的整个区域;所以你也可以尝试：

header#masthead span {
display:block;
width:100%;
text-align:center
}

Answer 3

首先，您需要设置中间跨度的宽度。这就是你的css的样子。

element.style {
  float: left;
  text-align: center;
  width: 50%;
}

将文本放在标题的中间/中间

3 个答案: