1

我试图在<p> 我使用的这个网站http://www.w3.org/Style/Examples/007/center.en.html 中将图像居中，并且还在这里找到了类似的示例，但似乎没有任何效果。

我的 HTML 代码是

<div class="span4">
     <h3 class="aglow" id="h3Body">Forms</h3>
     <p>
        <a class="btn btn-link "href="teacher_forms_list.html">
           <img class="operationsButtons" src="NewForms.png" alt="forms">
        </a>
     </p>
</div>

和我的 CSS

   img.operationsButtons {
       display: block;
       margin-left: auto;
       margin-right: auto;    
   }

但由于某种原因，图像仍然在左侧（附上图像的图片和居中的 h3）

不居中

感谢您的帮助

4

2 回答 2

1

简单的说

p
{
text-align: center;
}
于 2013-04-20T06:30:44.347 回答
1

正如@Tamil Selvan 回答的那样，您可以简单地使用text-align: center;-演示

如果您正在使用，则margin: auto;需要为img元素定义宽度以及默认情况下是内联元素display: block;-演示img

于 2013-04-20T06:40:48.323 回答