Question

我的.html中有4个div：

<div id="div"> 
     <div class="contenido">1</div>
</div>
<div id="divSupIzq"> 
     <div class="contenidos"><div id="textoDinamico">120 </div><div id="textoEstatico">KM/H</div></div>
</div>
    <div id="divSupDer"> 
    <div class="contenidos">zona de</br>avisos</div>
    </div>
<div id="divInfIzq"> 
    <div class="contenidos">zona de</br>informaci&oacute;n</div>
</div>

在.css中，我已应用 border-radius 以便为这些div提供循环形式。我已应用 text-align：center ，因为我希望每个div的内容都居中但是如何将内容集中在高度？我在.css中给出了一些 margin-top ，但这是错误的，因为界面适应大小屏幕（负责任的设计 - CSS查询），而margin-top对我来说还不够...... 我不知道我是否在解释自己...我试试是的。对不起，我的英语不好。此致，丹尼尔

实例：http://jsfiddle.net/cN2pS/ 另一个问题：您使用哪些工具来测试这些类型的应用程序以获得不同的分辨率？

Answer 1

使用表格并为每个td中心设置对齐

<table>
  <tr>
     <td align="center">
        Your text or elements
     </td>
  </tr>
</table>

或将div显示设为table-cell

将内容置于div中

1 个答案: