html5 – 简单的中心一个对象与css,没有黑客

前端之家收集整理的这篇文章主要介绍了html5 – 简单的中心一个对象与css,没有黑客前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
晚安家伙好,

我想用css和没有黑客的对象集中,这是可能的吗?

我已经尝试过了,但比我的p标签不见了

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
}

我喜欢听你的声音!

解决方法

有几种方法可以使元素居中。但这取决于你的元素是什么,我们如何选择显示它:

>如果你有{display:inline; }

这很简单你可以使用“text-align:center;”以文本,图像和div为中心。
>如果你有{display:block;}

这有点困难。这取决于你的对象的位置。您的对象可以是相对的,绝对的或固定的。

>如果是相对的;那么您可以使用“margin:0 auto;”,但是您将需要一个宽度值。>如果它是绝对定位的,那么你需要指定你的“top:”和“left:”值。您还需要一个宽度。如果你知道元素的宽度,最好的方法是使用{left:50%; margin-left:-X},其中X =元素的宽度的1/2。

原文链接:https://www.f2er.com/html5/169226.html

猜你在找的HTML5相关文章