CSS各种对齐代码,左对齐、右对齐、中间对齐、底部对齐、
两端对齐等,代码简单
CSS各种对齐代码,左对齐、右对齐、中间对齐、底部对齐、两端对齐等,代码简单
/*CSS代码:*/
/*左对齐*/
.left {
text-align: left;
border: 1px dotted black;
width: 50%;
}
/*右对齐*/
.
right {
text-align: right;
border: 1px dotted black;
width: 50%;
}
/*居中对齐*/
.center {
text-align: center;
border: 1px dotted black;
html代码转链接width: 50%;
}
/
*两端对齐*/
.justify {
text-align: justify;
border: 1px dotted black;
width: 50%;
}
/*css3将⼀个div⽔平和垂直居中显⽰*/
.div1{
width: 100px;
height: 100px;
border: 4px solid red;
position: absolute;
text-align: center;
left:0;
right:0;
top: 0;
bottom: 0;
margin: auto;
/*50%为⾃⾝尺⼨的⼀半*/
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论