css - 在一行中对齐 td 中的元素

Question

我有一个表格，其中在标题行中有 2 个文本区域和 2 个按钮。 http://jsfiddle.net/8qzmxwa9/1/我使用 margin: 0 auto;

style='white-space:nowrap;'

在元素上使它们在一行中。但是正如您在 fiddle 上看到的那样，它们有点不均匀。我怎样才能让他们保持在一条线上。

Answer 1

将相同的垂直对齐添加到所有内容并删除文本区域的填充，这样它们就不会变大。像这样:

table, th, td 
{
   border: 1px solid black;
   font-size: 27px;
    vertical-align:middle;
    display:inline-block;
}
textarea
{
  text-align: center;
  height: 35px;
  width: 280px;
  margin: 0 auto;
  font-size: 27px;
    padding:0;
} 
button
{
  margin: 0 auto;
  font-size: 27px;
}