块级元素居中显示
在body中的某个元素(box1)
.box1 {
margin: 0 auto;
}
通过绝对定位在父容器里居中垂直显示
// 方法一:
.box1 {
position: absolute;
top: 0;
right: 0;
botto绍兴网站建设等相关服务请咨询律品科技客服m: 0;
left: 0;
margin: auto;
}
// 方法二:(更加简洁)
.box1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
弹性盒模型(居中)
// 可以给box1的父级元素设置为flex
.xxx {
display: flex;
justify-content: center;
align-items: center
}
文字实现居中显示
水平居中
// 给父级块元素设置
{
text-align: center;
}
垂直连云港网站建设等相关服务请咨询律品科技客服居中
// 给父级块元素设置
{
height: 50px;
line-height: 50px;
}
有什么遗漏的或者错误的地方,请指正。共同学习、共同进步。
刑事律师网站模板、响应式深灰色大气律师网站模板
¥1000.00律师网站模板、律师事务所网站模板【响应式,蓝色简洁大气风格】
¥1000.00简洁大气的响应式律师事务所网站设计模板,兼容移动端
¥50.00成都律品科技有限公司专注律师互联网营销技术服务,创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年,2018年公司正式成立,不断探索律师行业服务需求,致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。
152-0832-9147
105991110
微信咨询