我想将文本ONLINE NEWS SERVICE
垂直和水平对齐center
正好放在标题的中间
但是,如果我添加具有所有可能的中间和中心设置的<span align="center" style="text-align:center;align-content:center; vertical-align:middle;">ONLINE NEWS SERVICE</span>
,则文本不会出现在水平和垂直的中间和中心对齐中。
试试这个一次
span.title{
display:block;
margin:0px auto !important;
text-align:center;
}
<!-- To display online news text -->
<span class="title">ONLINE NEWS SERVICE</span>
文本通常也不会按预期对齐,因为它是容器的子元素,它没有您认为的那么多宽度(所以也许您应该检查以下宽度:
<header id="masthead">
(,或者包含文本的元素未被设置为块级元素的样式,其宽度覆盖了您希望文本集中的整个区域;因此,您也可以尝试:
header#masthead span {
display:block;
width:100%;
text-align:center
}
首先,您应该需要设置中间跨度的宽度。这就是你的css的外观。
element.style {
float: left;
text-align: center;
width: 50%;
}