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

div垂直水平居中实例代码_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:31:11
Original
1071 people have browsed it

div垂直水平居中实例代码:
关于让div垂直水平居中的效果太多了，这里就不介绍了，废话不多说，直接给出代码。
代码实例如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>垂直水平居中代码</title><style type="text/css">body {  background-color:#e1ddd9;  font-size:12px;  padding:0px;  margin:0px;}#inhalt {  position:absolute;  height:200px;  width:400px;  margin:-100px 0px 0px -200px;  top:50%;  left:50%;  text-align:left;  padding:0px;  background-color:#f5f5f5;  border:1px dotted #000000;  overflow:auto;}</style></head><body><div id="inhalt"></div></body></html>
Copy after login

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9808

更多内容可以参阅:http://www.softwhy.com/divcss/

Related labels：
div垂直水平居中实例代码
source：php.cn
Previous article：HTML表单_html/css_WEB-ITnose Next article：HTML文本级元素_html/css_WEB-ITnose
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
Why doesn't displaying the grid using a grid template area work? I'm trying to achieve element arrangement via grid template area but it doesn't work. I'm ...
From 2023-09-09 16:28:13
0
1
279
Align the vertical position of the first div in multiple header cells I have an element that contains multiple divs, multiple divs inside the first header cell ...
From 2023-09-06 10:15:16
0
1
277
Full-width CSS grid items using place-content: center I centered the div vertically and horizontally in a fixed container using CSS grid's place...
From 2023-09-05 17:54:47
0
2
227
How to add Tailwind CSS class for <html> and <body> tags in Nuxt 3? I'm trying to make a custom 404 error page using tailwind for my Nuxt3 application. I want...
From 2023-09-04 19:20:05
0
1
315
How to center text (horizontally and vertically) inside a div block? Ihaveadivsettodisplay:block(90pxheightandwidth),andIhavesometextinside. I need the text to...
From 2023-08-24 16:58:26
0
2
276
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！