我最近在这个网站上做了一个简单的文本更改,突然文本不会居中。我根本没有触摸CSS,也无法弄清楚导致它的原因。
这是链接: http://newyork-fashionweek.com/
我所指的文字位于“门票”部分,其中显示“购买”。 请帮忙吗?
谢谢。
P.S。您只需点击“加入”而不输入电子邮件即可绕过电子邮件注册。
答案 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;
在这种情况下,他的现金有一个定义的大小,并且可能将此图片段序列化为一个方向。