简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

Example code for horizontally and vertically centered display of the content of a table in HTML

高洛峰
Release： 2017-03-28 09:47:29
Original
2756 people have browsed it

This article mainly introduces the relevant information on the horizontal and vertical centering of the content of tabletable in html. Friends who need it can refer to the following

Specify in the CSS style file

#class td /*设置表格文字左右和上下居中对齐*/ 
{  
    vertical-align: middle;
    text-align: center;  
}
/*class 是所属的类*/
<p>                                                                      
</p>
Copy after login
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               

title

                                                              
序号适用情况详情备注
1xxxxx                                                                                                                                                      xxxxxx
                                                                                                                                                                                                                                		查看详情
 

The above is to specify the id as class in p, then the attribute of table td uses the style specified in css, as shown roughly in the figure

Example code for horizontally and vertically centered display of the content of a table in HTML

The above is the detailed content of Example code for horizontally and vertically centered display of the content of a table in HTML. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
水平垂直居中 table HTML
source：php.cn
Previous article：How to determine each version of IE browser in HTML and CSS Next article：How to restrict the HTML text box input to only numbers and decimal points
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to make floated elements stack vertically instead of horizontally in CSS? I'm trying to make a webpage with two columns, with main content on one side and additiona...
From 2024-04-06 20:45:26
0
2
386
Vertically rotated table title, centered + bottom aligned, cross-browser I have a table with rotated headers that looks as expected in Chrome, but not in Firefox. ...
From 2024-04-04 16:45:25
0
1
330
Rewritten title: Center a fixed HTML square or circle element horizontally and vertically when resized How to center a square or circle fixed html element of varying sizes horizontally and vert...
From 2024-04-04 12:31:51
0
1
322
How can I make the bottom Flex column maintain item order using CSS? I have a horizontally centered column of flex items, sorted from 1 to 5, aligned from the ...
From 2024-03-30 11:59:06
0
2
291
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！