HTML相对中心对齐

Question

我正在尝试使用div和CSS类对齐图像(标记包含在div class ="center"标记中).我现在正在使用的是Dreamweaver(当我去设计视图时),但是当我在Safari中加载页面时却没有.这是我的代码:

.center {
  display:inline; 
  text-align:center; 
  -webkit-inline; 
  -webkit-center; 
  background-color:transparent;
}

很抱歉提出这么简单的问题,我对HTML完全不熟悉,我的经验是Objective-C.

Answer 1

text-align: center 导致内容居中(在容器内),而不是容器本身居中.

自使用以来display: inline,容器的大小将与其内容相同,并且居中不会产生您所追求的效果.

或者,您使用margin: 0 auto容器(朝向其父容器)居中,或者您更改display: inline为display: block.