Shulou(Shulou.com)06/02 Report--

This article mainly introduces how css makes the text in td center display, the article is very detailed, has a certain reference value, interested friends must read it!

Methods: 1, use the "text-align" attribute to center the text in td horizontally, and the syntax is "text-align:center;"; 2, use the "vertical-align" attribute to make the text in td be displayed vertically, and the syntax is "vertical-align:middle;".

The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.

In css, you can use the text-align and vertical-align attributes to set the text center display in td, the text-align attribute to set the horizontal alignment of the element, and the vertical-align attribute to set the vertical alignment of the element.

When the value of the text-align attribute is center, the element is centered horizontally, and when the value of the vertical-align attribute is middle, the element is centered vertically.

Examples are as follows:

Document td {height:100px;width:50px;text-align:center;vertical-align:middle;} 111 222 333 444 555 666 777 888

Output result:

The above is all the contents of the article "how to center the text in td in css". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.