表格仍然不适合布局吗?

时间:2013-04-17 12:26:56

标签: html css

我只是浪费了4个小时试图垂直对齐某些文字,同时避免使用表格。

我尝试使用此处列出的方法http://www.jakpsatweb.cz/css/css-vertical-center-solution.html,这似乎是堆栈中推荐的解决方案之一。

但是,考虑到我需要使用的一些结构和CSS(浮动/百分比宽度/元素/等元素的绝对定位......),为了保持响应式布局,同时实现我需要的结果,我由于一个或另一个问题,无法使提供的解决方案工作。

最终我不得不把它包起来,只是使用一张桌子,以免损失太多时间。

所以我的问题是,我们是否应该不惜一切代价避免(某些)布局的表格,或者根据所述困境的频率和当今布局的复杂性,这种观点是否已经发展了?

修改

哪一个看起来像是你的意思?你可以发现它吗?

这是一个黑客,上面的链接甚至说明了! (在页面上搜索“hack”一词。)

<div class="greenBorder" style="display: table; height: 400px; #position: relative; overflow: hidden;">
    <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
      <div class="greenBorder" style=" #position: relative; #top: -50%">

这是html设计使用的方式,它始终有效!

<table>
<tr>
<td>
Text

什么看起来更干净?!不要被愚弄!用你自己的想法!

1 个答案:

答案 0 :(得分:1)

  

所以我的问题是,我们是否应该不惜一切代价避免(某些)布局的表格

  考虑到所述困境的频率和当今布局的复杂性,或者这种观点是否已经发展了?

视图已经发展,因为浏览器支持更多CSS。