跨浏览器文本对齐:中心

时间:2018-01-26 19:02:47

标签: html css css3 cross-browser

我试图将图像居中放在<li>元素内。这是一个画廊,所以我没有多少自由玩css规则。

我正在尝试添加规则

text-align:center;

<li>元素,但没有成功。所以我尝试了规则

text-align: -webkit-center;

并且它仅适用于chrome。 对于Firefox我找到了

text-align: -moz-center;

但是我找不到其他浏览器的内容? 有人知道我必须使用哪些规则?

2 个答案:

答案 0 :(得分:0)

您是否尝试过使用flexbox?可能值得一看(例如使用对齐内容规则)

答案 1 :(得分:-1)

text-align: -webkit-center; 
text-align: -moz-center; //for firefox
text-align: -o-center; //for opera
text-align: -ms-center; //for IE
text-align:  center;

这是跨浏览器,用于text-align:center