文本更改后“text-align:center”无法正常工作

时间:2016-02-29 20:10:59

标签: html css

我最近在这个网站上做了一个简单的文本更改,突然文本不会居中。我根本没有触摸CSS,也无法弄清楚导致它的原因。

这是链接: http://newyork-fashionweek.com/

我所指的文字位于“门票”部分,其中显示“购买”。 请帮忙吗?

谢谢。

P.S。您只需点击“加入”而不输入电子邮件即可绕过电子邮件注册。

3 个答案:

答案 0 :(得分:1)

您正试图将文字置于<span>内。您不能在内联元素中居中。您只能在块级元素内部居中。将其更改为<div>而不是<span>。如果您必须具有内联元素,请将<div>显示属性更改为display: inline-block

答案 1 :(得分:1)

添加显示:块;并删除填充

这应该有效:

.tixtext {
color: rgba(255, 255, 255, 1);
display: block;
text-align: center;
font-size: 13px;
font-weight: 400;
letter-spacing: 1px;

}

答案 2 :(得分:0)

试一试:

line-height: 21px;
width: 100px;
display: table-cell;
padding: 4.5px 10px 12.5px 15px;

在这种情况下,他的现金有一个定义的大小,并且可能将此图片段序列化为一个方向。