Выравнивание в строке таблицы

Question

Я знаю, что это, наверное, просто глупо, но я не парень CSS. У меня есть три текстовых объекта в одной строке таблицы, которые мне нужно оставить влево, в центре и вправо. Перспективно я хотел бы указать их точное положение в tr. Вот мой код:

<tr> 
    <td class="stext"> 
    NAME <%= @cms484.person_name %> 
    TITLE <%= @cms484.person_title %> 
    EMPLOYER <%= @cms484.person_emp %> 
    </td> 
    </tr> 

Мои попытки настроить CSS, создавая дивы внутри строки таблицы сломал таблицу.

Answer 1

Окей, если вы действительно действительно уверены в том, что вы делаете, и, насколько я понимаю, что вам нужно сделать что-то вроде этого:

<tr> 
    <td class="stext"> 
    <table class="equal-three-col"> 
     <tr> 
     <td> 
      NAME <%= @cms484.person_name %> 
     </td> 
     <td> 
      TITLE <%= @cms484.person_title %> 
     </td> 
     <td> 
      EMPLOYER <%= @cms484.person_emp %> 
     </td> 
     </tr> 
    </table> 
    </td> 
</tr> 

И в вашем CSS:

.equal-three-col td {width: 33%;} 

Answer 2

<tr> 
<td class="stext"> 
NAME <%= @cms484.person_name %> 
TITLE <%= @cms484.person_title %> 
EMPLOYER <%= @cms484.person_emp %> 
</td> 
</tr> 

в

<tr> 
<td class="stext"> 
<table> 
    <tr> 
    <td>NAME <%= @cms484.person_name %></td> 
    <td>TITLE <%= @cms484.person_title %></td> 
    <td>EMPLOYER <%= @cms484.person_emp %></td> 
</tr> 
</table> 
</td> 
</tr> 

Надеется, что это поможет вам. С помощью css вы можете установить его, но для этого, пожалуйста, разместите соответствующий css, который вы использовали для .stext, в зависимости от td ширина указана, если таковая имеется.

Answer 3

Почему бы не поставить их в собственной колонке

` <tr> 
    <td class="col1"> 
    NAME <%= @cms484.person_name %> 
</td><td class="col2"> 
    TITLE <%= @cms484.person_title %> 
</td><td class="col3"> 
    EMPLOYER <%= @cms484.person_emp %> 
    </td> 
    </tr>` 

Тогда вы могли бы specifiy текст выравнивания свойства в CSS:

.col1 { 
    text-align:left; 
} 
.col2 { 
    text-align:center; 
} 
.col3 { 
    text-align:right; 
}