为什么这些相同的代码片段产生不同的输出？

Question

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

DEV：

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

    的 News & Events

    
•         Organic CM: Activity Types
    
•         Continuous Integration from a Process Engineering Perspective
    
•         CMI Feature Videos: An Introduction
    
•         CMI Launches its Software Development Center of Excellence in Bangalore, India

    

住：

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

    的 News & Events

    
•         Organic CM: Activity Types
    
•         Continuous Integration from a Process Engineering Perspective
    
•         CMI Feature Videos: An Introduction
    
•         CMI Launches its Software Development Center of Excellence in Bangalore, India

    

这两个代码看起来与我完全相同....此外，这里是实时网站链接Live Site

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

Answer 1

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

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

根据需要调整高度，这只是用眼睛猜测：）

这应该有效。

如果它没有在按钮顶部添加边距，如下所示：

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

希望有所帮助：）