似乎普遍认为表不应该用于HTML中的布局.
为什么？
我从来没有(或很少诚实地)看到这方面的好论据.通常的答案是:
将内容与布局分开是件好事
但这是一个错误的论点; 陈词滥调.我想使用表格元素进行布局与表格数据几乎没有关系.所以呢？我的老板在乎吗？我的用户在乎吗？
也许我或我的开发人员必须维护一个网页关注......一个表不易维护吗？我认为使用表比使用div和CSS 更容易.
顺便说一下...为什么使用div或span将内容与布局和表格分开？只使用div来获得一个好的布局通常需要很多嵌套的div.
代码的可读性
我认为这是另一种方式.大多数人都懂HTML,很少有人理解CSS.
SEO最好不要使用表格
为什么？任何人都可以证明它是有证据的吗？或谷歌发表的声明表示,从SEO的角度来看,表格是不受欢迎的？
表格较慢.
必须插入额外的tbody元素.这是现代网络浏览器的花生.向我展示一些基准,其中使用表会显着减慢页面的速度.
如果没有桌子,布局检修会更容易,请参阅css Zen Garden.
大多数需要升级的网站也需要新内容(HTML).新版本的网站只需要新的CSS文件的情况不太可能发生.Zen Garden是一个不错的网站,但有点理论上.更不用说它滥用 CSS了.
我真的对使用divs + CSS而不是表格的好参数感兴趣.
在定义的宽度/高度中垂直居中任何内容的正确方法是什么div.
在示例中,有两个具有不同高度的内容,使用该类垂直居中的最佳方式是什么.content.(它适用于所有浏览器,没有解决方案table-cell)
有一些解决方案,但想知道其他想法,一个是使用position:absolute; top:0; bottom: 0;和margin auto.
我想知道将p元素中的文本对齐为垂直居中.
这是我的风格:
p.event_desc {
font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 14px;
height: 35px;
margin: 0px;
}
和HTML:
<p class="event_desc">Lorem ipsum.</p>
正如在标题中所说的,我需要的是在div的中间垂直居中标题h1.
这是一个非常简单的代码:
<div class="container">
<h1> title in multiple lines, so i can't use line-height, i must use something else </h1>
.container{
width:500px;
height:180px;
background-color:red;
text-align:center;
}
h1{
vertical-align:middle;
}
这是一个演示
使用显示表后,文本垂直居中,谢谢大家.现在我正面临一个新问题; (请看这里的jsffidle 请问我想要的是"文本1"和"文本2"并排显示,每个小蓝色div都在每个红色div中间的两个红色div下面..任何帮助请？