Question

根据spec，<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> <hr> <div class="container"> <h3 class="well">Custom Input Group</h3> <div class="row"> <form role="form" method="post" id="form"> <div class="col-sm-9 "> <div class="form-group"> <label>Názov položky</label> <input type="text" class="form-control"> </div> </div> <div class="col-sm-3 "> <div class="form-group"> <label>Cena</label> <div class="input-group"> <input type="text" class="form-control input-control"> <span class="input-group-btn input-space"> <button class="btn btn-danger btn-md btn-input"><span class="glyphicon glyphicon-minus" aria-hidden="true"></span> </button> </span> </div> </div> </div> <div class="col-sm-12"> <div class="form-group"> <button class="add_field_button btn btn-success btn-md"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> </button> </div> </div> </form> </div> </div> <hr> <div class="container"> <h3 class="well">Grid</h3> <div class="row"> <form role="form" method="post" id="form"> <div class="col-sm-7"> <div class="form-group"> <label>Názov položky</label> <input type="text" class="form-control"> </div> </div> <div class="col-sm-3"> <div class="form-group"> <label>Cena</label> <input type="text" class="form-control"> </div> </div> <div class="col-sm-2"> <label>Odstrániť</label> <div class="form-group"> <button class="btn btn-danger btn-md"><span class="glyphicon glyphicon-minus" aria-hidden="true"></span> </button> </div> </div> <div class="col-sm-12"> <div class="form-group"> <button class="add_field_button btn btn-success btn-md"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> </button> </div> </div> </form> </div> </div>的默认值为vertical-align。

baseline

将框的基线与父框的基线对齐。如果   框没有基线，将底边边缘对齐   父母的基线。

但是，当涉及表格单元格（baseline）时，默认值似乎始终为td。

middle

将框的垂直中点与父级的基线对齐   框加上父母的x高度的一半。

我想官方确认此行为，但我在W3C文档中找不到任何内容。我发现的所有内容都表示默认值为middle。

对于表格单元格，baseline的默认值是vertical-align在哪里？

Answer 1

正如规范所述，vertical-align的初始值始终为baseline：

<强>垂直对齐


初始：基线

但是，如The cascade中所述，

Conforming user agents必须应用默认样式表（或   表现得像他们一样）。

用户代理的默认样式表应该显示该元素   文档语言以满足一般表示的方式   对文档语言的期望。

有关推荐的默认样式，请参阅A sample style sheet for HTML   HTML文档表。

推荐的样式表包含

thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }

因此，如果您（作者来源）没有为tbody和td vertical-align提供任何价值，那么级联将会从用户代理原点检索middle值。

请注意，默认样式表是依赖于实现的，因此某些浏览器可能会为不同的元素设置不同的vertical-align值。

表格单元格的垂直对齐的默认值

1 个答案: