CSS中心技巧[封闭]

前端之家收集整理的这篇文章主要介绍了CSS中心技巧[封闭]前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我最喜欢的方式是使用CSS来集中一个xhtml元素如下:
display:block;
position:absolute;
width: _insert width here_;
left:50%;
margin-left: _insert width divided by two & multiplied by negative one here_

还有更简单的边距:支持它的浏览器中的auto方法.其他任何人都有棘手的方法强制内容以其容器为中心显示? (垂直居中点的积分)

编辑 – 哎呀,忘记了边缘左边的“负”部分.固定.

解决方法

坚持边缘:0自动;用于水平对齐; 如果您需要垂直对齐,请使用position:absolute;顶部:50%; margin-top: – (width / 2)px;请注意,如果您的容器的宽度超过屏幕,则其部分将使用位置:绝对方法在左侧脱离屏幕.
原文链接:https://www.f2er.com/css/216513.html

猜你在找的CSS相关文章