简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

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

WBOY
发布： 2016-06-24 11:31:11
原创
1071 人浏览过

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>
登录后复制

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

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

相关标签：
div垂直水平居中实例代码
来源：php.cn
上一篇：HTML表单_html/css_WEB-ITnose 下一篇：HTML文本级元素_html/css_WEB-ITnose
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
为什么使用网格模板区域显示网格不起作用？ 我试图通过网格模板区域实现元素排列，但它不起作用。我正在尝试使用网格系统垂直和水平排列块。使用左侧的图片和另一侧的文字。为什么这段代码不起作用？.news__wrapper{dis...
来自于 2023-09-09 16:28:13
0
1
279
对齐多个表头单元格中的第一个div的垂直位置 我有一个包含多个div的元素，第一个标题单元格内有多个div，第二个标题单元格内只有一个div。如果你运行下面的代码，"123"将会居中显示（垂直对齐"...
来自于 2023-09-06 10:15:16
0
1
277
使用 place-content: center 的全宽 CSS 网格项 我使用CSS网格的place-content:center将div在固定容器中垂直和水平居中，如下所示：.outer{position:fixed;inset:0;backgrou...
来自于 2023-09-05 17:54:47
0
2
227
如何在Nuxt 3中为<html>和<body>标签添加Tailwind CSS类？ 我正在尝试为我的Nuxt3应用程序使用tailwind制作一个自定义的404错误页面。我希望该页面在所有设备上都能填满屏幕，404错误页面在垂直和水平方向上居中，但是我无法使其垂直...
来自于 2023-09-04 19:20:05
0
1
315
如何在 div 块内将文本（水平和垂直）居中？ Ihaveadivsettodisplay:block(90pxheightandwidth),andIhavesometextinside.我需要文本在垂直和水平方向上居中对齐。...
来自于 2023-08-24 16:58:26
0
2
276
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！