td元素中的中心文本基于前一个tr元素中的2. td元素

Question

我有以下内容：

class Unity
  include Mongoid::Document
  include Mongoid::Timestamps      
  field :prefix, type: Integer
  field :owner_name
  field :owner_email
  field :owner_phone
  field :document      
  field :license
  field :color
  field :active, type: Mongoid::Boolean, default: false
  field :qrx, type: Mongoid::Boolean, default: false
  belongs_to :line, index: true
end

如何根据#aim让#text的内容居中？请注意。邻居tds不等间距。

Answer 1

只需填写文本两侧的空白标签，而不是使用colspan。这会将列放在彼此之下。

css:
#aim, #text
{
    text-align: center;
}

html:
<tr>
  <td class="neighbor">
   text
  </td>
  <td id="aim">
   text 
  </td>
  <td class="neighbor">
   text text
  </td>
</tr>
<tr>
  <td>
  </td>
  <td id="text">
   some long text
  </td>
  <td>
  </td>
</tr>

如果您的目标不是以这种方式使文本居中，请快速提供一下它的外观。