Làm cách nào để căn giữa văn bản trong hàng của bảng html?

Question

Tôi đang sử dụng bảng html. Tôi muốn căn chỉnh văn bản của td đến trung tâm trong mỗi ô.

Làm cách nào để căn chỉnh văn bản theo chiều ngang và chiều dọc?

Answer 1

Dưới đây là một ví dụ với CSS và phong cách nhúng:

td 
 
{ 
 
    height: 50px; 
 
    width:50px; 
 
} 
 

 
#cssTable td 
 
{ 
 
    text-align:center; 
 
    vertical-align:middle; 
 
}

<table border="1"> 
 
    <tr> 
 
     <td align="center" valign="middle">Text</td> 
 
     <td align="center" valign="middle">Text</td> 
 
    </tr> 
 
</table> 
 

 
<table border="1" id="cssTable"> 
 
    <tr> 
 
     <td>Text</td> 
 
     <td>Text</td> 
 
    </tr> 
 
</table>

http://jsfiddle.net/Pv3Zk/

Answer 2

Hãy thử đặt tệp này vào tệp CSS của bạn.

td { 
    text-align: center; 
    vertical-align: middle; 
} 

Answer 3

CSS giữa văn bản trong td yếu tố của bạn là

td { 
    text-align: center; 
    vertical-align: middle; 
} 

Answer 4

tay dài inline dụ:

<td style='text-align:center;vertical-align:middle'></td> 

viết tắt css ví dụ:

td{ 
text-align:center; 
vertical-align:middle; 
} 

Answer 5

<td align="center"valign="center">textgoeshere</td>

more on valign

Answer 6

<td align="center" valign="center">textgoeshere</td>

Là imho câu trả lời đúng chỉ, kể từ khi bạn làm việc với các bảng mà là chức năng cũ phổ biến nhất được sử dụng cho định dạng e-mail. Vì vậy, đặt cược tốt nhất của bạn là không chỉ sử dụng phong cách nhưng phong cách nội tuyến và các thẻ bảng đã biết.