内部元素的垂直对齐
[英]Vertical Alignment of inner elements
问题描述
我在<td>和<div>有两个元素和一些文本。 我想将<div>对齐到顶部，将文本对齐到<td>中间，我该怎么做？
编辑：的位置应垂直顶部对齐，而不是div内的文本。
3 个解决方案
解决方案1
1 2010-09-08 07:26:59
尝试这个：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
<style type="text/css">
html,body,h1,h2,h3,h4,h5,p,ul,li,form,button { margin:0; padding:0 }
body { font:normal 62.5% tahoma }
.my-table { height:300px }
.my-cell { position:relative; border:1px solid green }
.my-div { position:absolute; top:0; left:0; border:1px solid red }
</style>
</head>
<body>
<table class="my-table">
<tr>
<td class="my-cell" align="center">
<div class="my-div">
I'm aligned to the top
</div>
This text is vertically centered.
</td>
</tr>
</table>
</body>
</html>
解决方案2
0 已采纳 2010-09-08 07:21:01
像这样？
<html>
<body>
<table width="100%" height="100%" border="1">
<tr>
<td><div style="text-align: center;">some text</div></td>
</tr>
</table>
</body>
</html>
...要么
<html>
<body>
<table width="100%" height="100%" border="1">
<tr>
<td align="center"><div style="text-align: left;">div text</div>some text</td>
</tr>
</table>
</body>
</html>
请记住设置身体高度，以便可以看到垂直居中
解决方案3
0 2010-09-08 07:25:27
默认情况下，表中的所有文本都是垂直的，不确定是否需要在其中添加div。 在div内垂直获取内容非常困难
元素的垂直对齐
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.