我只是浪费了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
什么看起来更干净?!不要被愚弄!用你自己的想法!
答案 0 :(得分:1)
所以我的问题是,我们是否应该不惜一切代价避免(某些)布局的表格
是
考虑到所述困境的频率和当今布局的复杂性,或者这种观点是否已经发展了?
视图已经发展,因为浏览器支持更多CSS。