css – 中心自动宽度div?

前端之家收集整理的这篇文章主要介绍了css – 中心自动宽度div?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有麻烦,因为我有一个div我想要中心,我有什么
通常被告知要做的是这样的:
width: 700px;
margin-left: auto;
margin-right: auto;

麻烦的是,这是因为如果你想要的div是一个固定的宽度。我想要的div
根据div中的文本调整其大小,并且仍然居中。我试过了:

width: auto;
margin-left: auto;
margin-right: auto;

但这没有办法。当我这样做时,它会伸展div来填满屏幕。

任何人都知道该怎么办?

解决方法

对于父块或正文 – text-align:center;
用于中心块显示:内嵌块;
.center{display:inline-block;background:red}
body{text-align:center}

<div class="center">
    <p contenteditable="true">write text</p>
</div>

演示http://jsfiddle.net/RXP4F/

Content Editable MDN

原文链接:https://www.f2er.com/css/219932.html

猜你在找的CSS相关文章