最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

详解CSS常用操作对齐方法

来源:动视网 责编:小OO 时间:2020-11-27 18:52:13
文档

详解CSS常用操作对齐方法

一、使用margin属性进行水平对齐。*{ margin: 0px;}.div{ width: 70%;height: 1000px;background-color: red;margin-left: auto;margin-right: auto;}。margin:值1 值2。值1代表上下 值2代表左右。*{ margin: 0px;}.div{ width: 70%;height: 1000px;background-color: red;margin: 100px auto;}。二、使用position属性进行左右对齐。
推荐度:
导读一、使用margin属性进行水平对齐。*{ margin: 0px;}.div{ width: 70%;height: 1000px;background-color: red;margin-left: auto;margin-right: auto;}。margin:值1 值2。值1代表上下 值2代表左右。*{ margin: 0px;}.div{ width: 70%;height: 1000px;background-color: red;margin: 100px auto;}。二、使用position属性进行左右对齐。


这篇文章主要为大家详解CSS常用操作对齐方法,感兴趣的小伙伴们可以参考一下

一、使用margin属性进行水平对齐

*{
 margin: 0px;
}
.div{
 width: 70%;
 height: 1000px;
 background-color: red;
 margin-left: auto;
 margin-right: auto;
}

margin:值1 值2

值1代表上下 值2代表左右

*{
 margin: 0px;
}
.div{
 width: 70%;
 height: 1000px;
 background-color: red;
 margin: 100px auto;
}

二、使用position属性进行左右对齐

*{
 margin: 0px;
}
.div{
 width: 70%;
 height: 1000px;
 background-color: red;
 position: absolute;
 right: 0px;
}

三、使用float属性进行左右对齐

*{
 margin: 0px;
}
.div{
 width: 70%;
 height: 1000px;
 background-color: red;
 float: left;
}

文档

详解CSS常用操作对齐方法

一、使用margin属性进行水平对齐。*{ margin: 0px;}.div{ width: 70%;height: 1000px;background-color: red;margin-left: auto;margin-right: auto;}。margin:值1 值2。值1代表上下 值2代表左右。*{ margin: 0px;}.div{ width: 70%;height: 1000px;background-color: red;margin: 100px auto;}。二、使用position属性进行左右对齐。
推荐度:
标签: 操作 教程 方式
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top