我有类似下面的东西。
<div class='sideTitle'>SideTitle</div>
<table><tr><td>r1c1</td><td>r1c2</td></tr><tr><td>r2c1</td><td>r2c2</td></tr></table>
我使用以下 CSS 将侧标题浮动到左侧。
.sideTitle { float: left; }
这是因为侧标题根据需要浮动到表格的左侧。但是,我希望侧标题在表格中垂直居中。
我在这里查看了一些其他答案,这些答案似乎解决了非常相似的问题(关于垂直居中左浮动 div 的很多结果),但我似乎无法让它们适用于这种情况。
有任何想法吗?这是说明问题的完整示例。
<html>
<head>
<style type='text/css'>
.sideTitle {
float: left;
}
</style>
</head>
<body>
<div class='sideTitle'>SideTitle</div>
<table><tr><td>r1c1</td><td>r1c2</td></tr><tr><td>r2c1</td><td>r2c2</td></tr></table>
</body>
</html>
这是上面在浏览器中呈现时的样子。
这就是我想要它做的事情。
编辑:cimmanon 和@RaphaelRafatpanah 的解决方案都是正确的;我标记了 Raphael's,因为它稍微更通用(不要求它们在 HTML 中立即彼此相邻),但它们都很棒!阻止任何一个工作的问题是我需要添加以下内容,以便 IE 正确呈现它。
<meta http-equiv="X-UA-Compatible" content="IE=edge" />