元素居中对齐

来源：原创 2022-08-12 10:00:19 编辑：管理员浏览：

元素居中对齐

水平居中块级元素 (如 div), 可以使用 margin: auto;

注意: 使用 margin:auto 无法兼容 IE8, 除非 !DOCTYPE 已经声明。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
.center {
   margin: auto;
   width: 60%;
   border: 3px solid #73AD21;
   padding: 10px;
}
</style>
</head>
<body>
<h2>元素居中对齐</h2>
<p>水平居中块级元素 (如 div), 可以使用 margin: auto;</p>
<div class="center">
   <p><b>注意: </b>使用 margin:auto 无法兼容 IE8, 除非 !DOCTYPE 已经声明。</p>
</div>
</body>
</html>

<!doctype html=""><html><head><meta charset="utf-8"/><title>菜鸟教程(runoob.com)</title><style>.center { margin: auto; width: 60%; border: 3px solid #73AD21; padding: 10px; }</style></head><body><h2>元素居中对齐</h2><p>水平居中块级元素 (如 div), 可以使用 margin: auto;</p><div class="center"><p><b>注意: </b>使用 margin:auto 无法兼容 IE8, 除非 !DOCTYPE 已经声明。</p></div></body></html></!doctype>

我是一个文本框。<div class="login-input"><label>用户名：</label><input type="text" placeholder="请输入用户名" name="info[username]" id="username" class="list-input"/></div><div class="login-input"><label>登录密码：</label><input type="password" placeholder="请输入登录密码" name="info[password]" id="password" class="list-input"/></div><div id="loginBtn" 1.样式表分类 1.内联式 <p>This is an apple</p> 2.内嵌样式表作为一个独立的区域内嵌在网页里面，必须写在head标签里面<style type=""text/css" link="" href="red.css" rel="stylesheet" style="" color:="" font-size:="" import="" p="" font-size="14px;" god="" is="" a="" .main="" height="50px;" width="100px;" div="" class="main" day="" by="" id="main" ones=""> .main p{ /*找到使用main的标签，然后再其下好到p标签，则p标签使用此样式*/ 样式 </style> 复制代码 3.筛选".(英文的点)"<style type="text/css"> p.sp /*在P标签中的class="sp" 应用该样式*/ { 样式 }</style> 样式和属性 1.背景和前景 background-color 背景颜色 background-image：url 背景图片 background-attachment-fixed 背景图是固定的 background-attachment-scroll 背景随字体滚动 background-attachment:no-repeat 背景不平铺 /* no-repeat 不平铺 repeat 平铺 repeat-x 横向平铺 repeat-y 纵向平铺 background-position:center 居中显示 /* 背景图居中，设置背景图位置时，repeat必须为 no-repeat background-position:right top; 图片放到右上角 background-position:left 100px;top 200px; 背景图离左边100像素，离上边200像素（恶意设为负值）。 2.字体 font-family 字体 font-size：12px; 字体大小12像素 font-weight：bold 字体加粗正常是normal font-style:italic 字体倾斜正常是normal

元素居中对齐

元素居中对齐

评论区

相关信息

随机新闻

点击排行