Question

我有两个小问题让我疯了。

1）如果您访问我的网站Stork，您可以看到显示其工作原理的3个步骤以及页脚上的3个问题是否与左侧对齐。我希望他们在页面上居中，但我一定错过了一些东西，因为 margin：auto; 不起作用。你能帮我帮忙吗？

这是HTML＆amp;步骤的CSS：

<div class="panel">
<div class="title">Step 1: Schedule</div>
<div class="steps">

<p>Schedule a pick up and dropoff with our easy form and let us take care of the rest.</p>

</div>
</div>

.panel {
display: inline-table;
margin: 0 auto;
padding: 50px;
width:200px;
height: 180px;
line-height: 1.5;
}

对于问题：

<div class="cbox">
<div class="ctitle">How Can I Pay?</div>
<div class="cblurb">
<p>Full payments can be made upon delivery using credit cards only.</p>
</div>
</div>  

.cbox {
display: inline-table;
margin: 50px auto;
padding: 50px;
width:200px;
height: 100px;
line-height: 1.5;
color: #424242;
margin-top:60px;
}

2）在一个小注释中，我试图使用格式href="/.contact"将导航栏中的单词与他们尊重的div类连接，但我一直收到错误。我该如何解决这个问题？

谢谢！

Answer 1

将text-align: center;添加到panel的父div中，该div应该将您的“内联”元素居中。

如果您不希望面板的内容以这种方式对齐（它们将继承对齐方式），请将text-align: left添加到面板的样式中。

<强>更新

关于问题的第二部分 - 你不能只使用它的类链接到一个元素（不是没有javascript，并且决定返回的集合中的哪个元素是你想要的那个，因为类不是唯一的）。

然而，id是唯一的，可以与<a href="#target_id">Link</a>

在内联表中存在问题

1 个答案: