css - 将内容放在 div 中

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 中提供了一些 ma​​rgin-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