-5

我只是浪费了 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

什么看起来更干净？！不要被愚弄了！用你自己的头脑！

4

1 回答 1

1

所以我的问题是，我们是否仍应不惜一切代价避免使用（某些）布局的表格

是的

或者考虑到上述困境的频率和当今布局的复杂性，这种观点是否已经发生了变化？

鉴于浏览器对更多 CSS 的支持增加，视图已经发展。

于 2013-04-17T12:29:48.227 回答