我使用calc()函数将div居中放置在另一个中。它在Chrome,Firefox,Opera甚至是IE中都可以正常工作,但在Safari中这种方法不起作用。
没有JavaScript固定的任何建议?
left: -webkit-calc(50% - 25px);
left: -moz-calc(50% - 25px);
left: calc(50% - 25px);
正如Hashem所说,它在Safari的早期版本中不起作用。
但是,如果您只想将div居中,则会想到一些想法。
一,你可以给容器一个
margin-right: auto;
margin-left: auto;
width: 50%;
或根据需要设置宽度。
其次,您可以给父div
text-align:center;
使孩子div
display: inline-block;
和/或为子div设置宽度。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句