小编Bob*_*Bob的帖子

垂直对齐表格单元格中的图像和文本区域

是)我有的:

        XXX
        XXX
Google  XXX
Run Code Online (Sandbox Code Playgroud)

我想要的是:

       XXX
Google XXX
       XXX
Run Code Online (Sandbox Code Playgroud)

我尝试了什么:

<table border="4">
<tr>
<td style="vertical-align: middle; height: 400px">
    <img style="vertical-align: middle;" src="http://www.google.se/images/google_80wht.gif" alt="Google logo">
    <textarea style="height: 200px; display: inline-block"></textarea>
</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)

不知何故,即使我放置了vertical-align: middle单元格的样式,图像也没有垂直对齐.textarea反而在中心正确对齐.

JSFiddle:https://jsfiddle.net/uydmjgby/

我无法添加任何新的列或行,格式必须与该单元格一起出现.

html css

2
推荐指数
1
解决办法
664
查看次数

标签 统计

css ×1

html ×1