html – 如果您事先不知道其宽度,请将一个内容块居中

发布时间：2020-12-14 18:53:25 所属栏目：资源来源：网络整理

导读：经过大量的尝试和搜索,我从来没有找到一个令人满意的方式来使用CSS2. 实现它的一种简单方法是将其包装成方便的 table如下面的示例所示.你知道如何避免表格布局并避免古怪的技巧吗？ table { margin: 0 auto;} table tr tdtestbr/test/td /tr/table 我想知道

经过大量的尝试和搜索,我从来没有找到一个令人满意的方式来使用CSS2.

实现它的一种简单方法是将其包装成方便的< table>如下面的示例所示.你知道如何避免表格布局并避免古怪的技巧吗？

table {
  margin: 0 auto;
}

<table>
  <tr>
    <td>test<br/>test</td>
  </tr>
</table>

我想知道的是如何在没有固定宽度的情况下做到这一点并且也是一个块.

解决方法

@Jason,是的,< center>作品.美好时光.不过我会提出以下建议：

body {
  text-align: center;
}

.my-centered-content {
  margin: 0 auto; /* Centering */
  display: inline;
}

<div class="my-centered-content">
  <p>test</p>
  <p>test</p>
</div>

编辑@Santi,一个块级元素将填充父容器的宽度,因此它实际上将是宽度：100％,文本将在左侧流动,留下无用的标记和未中心的元素.您可能想尝试显示：inline-block;. Firefox可能会抱怨,但是it’s right.另外,尝试添加边框：solid red 1px;以.my为中心的内容DIV的CSS,看看你在尝试这些事情时发生了什么.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!