如果我们使用<!doctype ...>,则td的vertical-align ="middle"不起作用

Question

如果我们使用<!doctype ...>,则td的vertical-align ="middle"不起作用

我试图中间对齐一个元素,但我遇到了这个问题.我正在使用这个标签:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <body>
      <table style="width:100%; height: 100%" cellspacing="0" cellpadding="0">
                <tr>
                    <td vertical-align="middle">
                        <div id="progressContainer" style="text-align:center;">
                            Some string here                                                    
                        </div>
                    </td>
                </tr>       
            </table>  
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

如果我删除它:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">,它的中间正确对齐.

这种行为在FF和chrome中是可重现的.

题:

我在这里做错了吗？

Answer 1

nik*_*org 6

属性是valign="middle"或style="vertical-align: middle".没有属性vertical-align.

见11.3.2水平和垂直对齐

归档时间：	15 年，8 月前
查看次数：	15156 次
最近记录：	11 年，10 月前