html - 将包含嵌入式推文的 div 居中

标签 html css center margin

在一个非常简单的网页中,我想创建一个包含一系列推文的 div,代码来自 Twitter。

这个div应该在页面中水平居中;我试过

<div style="text-align:center">

<div style="width: 900px;  display: block;  margin-left: auto;  margin-right: auto;">

this邮政。 第一个解决方案不使 div 居中;当宽度增加时,第二个将 div 逐渐移动到页面左侧(并且 div 以低宽度居中,比如 200、300)。

还有其他解决办法吗?如果可能,请不要指定固定宽度或百分比。

最佳答案

将 div 水平居中的最佳方法是像您一样使用 margin: auto。 但是你必须确保父 div 比子 div 大。它将以父级为中心。

<div style="width: 1000px;">
  <div style="width: 500px; margin: 0 auto">I'm align in the middle of my parent</div>
</div>

关于html - 将包含嵌入式推文的 div 居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26493452/

相关文章:

html - 连续 4 张图片,如何在每张图片下居中放置特定文本?

html - 居中页面异常

html - 如何为 Bootstrap 选项卡设置相同的高度?

css - 为什么图像垂直居中且 `line-height` 位于它们应在的位置下方 2 个像素?

html - 如何在不更改按钮大小的情况下将文本包装在 Bootstrap 按钮内?

javascript - 如何在超过一定数量后隐藏元素 JavaScript 或 jQuery?

javascript - Jekyll App - 使用 Heroku 清除缓存

HTML 和 CSS ,绝对位置问题

css - 怎么做谷歌搜索输入表单交易位置: from center to top

python - 使用 beautifulsoup 提取换行符之间的文本(例如 <br/> 标签)