Question

这是我的问题：

我有一个父div与3个内部div。内部div是＆＃34;显示：inline-block＆＃34;。在每个内部div中都有一个文本div＆＃34; height：60px＆＃34;。其中一个文本div有3行文本，这就提出了整个内部div。

为什么会这样？为什么内部div不对齐？

问题图片（3D检查员）：http://i203.photobucket.com/albums/aa1/GuillermoRGTMU/problem.jpg

CSS：

#PARENT{
text-align:center;
margin-bottom:20px;
}

#INNER_DIV{
display:inline-block;
text-align:center;
width:180px;
height:150px;
margin:auto 5px;
background-color:#68adf3;
}

#TEXT_DIV{
height:60px;
color:#fff;
text-align:center;
}

HTML：

  <div id="PARENT">
      <div id="INNER_DIV">
         <div id="TEXT_DIV">Matrícula abierta</div>
      </div>
      <div id="INNER_DIV">
         <div id="TEXT_DIV">Cocina casera</div>
      </div>
      <div id="INNER_DIV">
         <div id="TEXT_DIV">Jornada simple/completa Hora matinera/tardama Supermegatardana</div>
      </div>
    </div>

Answer 1

尝试设置内联块的垂直对齐方式，如下所示：

#INNER_DIV{
...
vertical-align:middle;
...
}

其中一个内联块div引发（在父div内）

1 个答案: