горизонтальное и вертикальное выравнивание метки в div в строке таблицы - PullRequest
Новая
       3

горизонтальное и вертикальное выравнивание метки в div в строке таблицы

0 голосов
/ 18 октября 2010

У меня есть код: 

<tr>
    <td align="center" style="height: 50px; text-align: center; vertical-align: middle"   >
           <div class="hoverClass ui-widget-content ui-corner-all" style="text-align: center; vertical-align: middle;width:100%;height:100%">
                 <label style="text-align: center; vertical-align: middle" >Streetlight Repair</label>
           </div>
     </td>
</tr>

Я хочу, чтобы это была ячейка с div, содержащим метку. Я хочу, чтобы div занимал всю клетку. и метка для центрирования внутри div. Тем не менее, ярлык находится в левом верхнем углу div.

Ответы [ 2 ]

3 голосов
/ 18 октября 2010

Если высота определенно равна 50px, установите CSS высоты строки для метки на 50px;

Чтобы получить метку посередине по горизонтали, установите margin-left: auto;и поле справа: авто;

2 голосов
/ 19 октября 2010

Если у вас более одной строки, вы не можете использовать свойство line-height для взлома выравнивания по середине.

Самый простой способ - поиграть с верхним и нижним отступом.

...