第十九课时 利用margin实现元素居中
作业:
1.利用 margin auto完成首页居中；
并自行研究，竖直方向用margin：auto；是什么效果。
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>8小时第十九课时 利用margin实现元素居中</title> <style >
#container{
width: 1000px;
height: 200px;
background-color: blue;
margin-left: auto;/为了居中,使左右自动计算/
margin-right: auto;
</style>
</head>
<body>
<div id=container></div>
</body>
</html>
效果：没有特别效果，没有居中。
注意里面的单词要用英文格式书写，不然代码不会起作用。
第十九课时 利用margin实现元素居中 作业:1.利用 margin auto完成首页居中；并自行研究，竖直方...
利用margin实现元素居中 1.简单居中，根据浏览器的分辨率来设置 2. 利用auto属性自动分配实现居中的自适...
1. 水平垂直居中 利用margin负值可以实现元素的水平垂直居中 html代码： CSS代码 实现效果 2. 列...
准备知识： 1.text-align：center 实现内联元素居中； margin：0 auto；实现块元素居中...
定位元素居中 1.传统的居中（margin为元素宽高的一半） 2.C3的居中方式（使用transform实现） 行...
1、利用padding实现内容垂直居中 2、绝对定位 在块元素上添加绝对定位属性和负margin,如果不是块元素可...
css设置元素水平垂直都居中显示 知道元素大小的情况 css3中不确定元素大小的情况 margin:auto实现绝...
1. margin auto 与垂直居中 关于垂直居中的方式方式1：利用父元素position:relative和...
1、案例说明： 演示float属性和clear属性的使用方法，以及利用margin属性实现块元素水平居中对齐的方法...
例： 要让一个width：100px ; height: 100px;的div，相对body居中。 div{ wi...
本文标题：2017/3/17第十九课时 利用margin实现元素居中
本文链接：https://www.haomeiwen.com/subject/mzvsattx.html
网友评论