0

对于我的工作，我们有一个开发者网站和一个实时网站；并且每当我想进行任何类型的编辑或更改时，我都会在开发人员站点上对其进行测试，然后将其放到实时站点上。在两个网站的主页上，一切看起来都非常相似，除了在实时网站上，在文章的第二列中，我将按钮放在它们的底部，它们都应该水平排列，但它们不是不在现场，只有开发网站。这是按钮未对齐的一篇特定文章，以下是它们的代码：

开发： 

<div style="text-align: center;">
<a href="/index.php/media-center/articles"><img alt="" src="images/yootheme/head_lead4.jpg" /></a></div>
新闻与事件

居住：

<div style="text-align: center;">
<a href="/index.php/media-center/articles"><img alt="" src="images/yootheme/head_lead4.jpg" /></a></div>
新闻与事件

这两个代码在我看来完全一样....另外，这里是实时站点链接Live Site

出于安全原因，我无法提供开发站点的链接，而只是假设底部的按钮是对齐的。

4

1 回答 1

0

尝试为每个 div 设置一个高度，如下所示：

<div style="text-align:center; height:315px;">

根据需要调整高度，这只是肉眼猜测:)

那应该行得通。

如果它没有像这样在按钮顶部添加边距：

<div style="text-align:center; margin-top:5px;">

希望有帮助:)

于 2013-07-25T13:49:18.573 回答