样式不适用于我的表格单元格

时间:2016-04-15 23:08:38

标签: css html-table haml

每个表行都填充了每个事件:

- @events.each do |event|
    %tr
      %td= event.name
      %td= event.description
      %td= event.date 

我希望能够改变一个表格单元格的文本对齐(event.description),我想用CSS做这个,但是如果我尝试:

td {
  text-align: center;
}

这将对所有细胞进行,而不仅仅是一个细胞。所以我尝试将一个单元格放在包装器中:

- @events.each do |event|
    %tr
      %td= event.name
      #wrapper
        %td= event.description
      %td= event.date 

CSS:

#wrapper {
  text-align: center;
}

但没有改变。

1 个答案:

答案 0 :(得分:1)

不要将它放在包装器中,只需给出< td>元素#wrapper标记。

%td#wrapper= event.description