你好，about区上部分的居中我总是做不好

来源：4-3 项目作业

mengzezheng

2019-07-03 17:38:56

1、设置居中后，我发现h1的位置有点往右偏，于是我设置了margin-left，但是这样之后改变页面的大小，无法相应的适应屏幕分辨率。蓝色下划线和文字也是一样，但是banner区的表单我也是一样的方法，只是多加了一个定位，问题是定位的关系吗？

2、一开始我想通过给h1设置下边框的方法实现下划线，但是还没做到如何使下划线居中，发现h1的文字一直在页面的左边无法居中，请问是什么原因。去掉下边框就可以居中过去了，虽然位置有点偏。

写回答

2回答

好帮手慕小尤

2019-07-03

同学你好，修改css样式，代码如下：

.about .about-top .about-h h1{ 
    color: #000;
    text-align:center;
} 
.about .about-top .line1 hr{ 
    background-color:#07cbc9;
    display:block;
    width: 40px;
    height: 2px;
    margin:15px auto;
} 
.about .about-top .p1{ 
    color: #CCCCCC;
    padding-bottom: 30px;
    width: 45%;
    margin: 0 auto;
    font-size: 15px;
    line-height: 25px;
    text-align:center;
}

祝学习愉快！

好帮手慕小尤

2019-07-03

同学你好，请复制粘贴全部代码进行反馈，防止代码不一致问题，方便寻找问题。祝学习愉快！

hengzezheng

h <div class="about"> <div class="about-top"> <div class="about-h"><h1>ABOUT</h1></div> <div class="line1"><hr></div> <div class="p1"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem ipsum has been the industry's standard dummy text ever since the 1500s.</p> </div> </div> <div class="about-mid"> <div class="about-img"><img src="images/bb3.jpg"></div> </div> </div>

h019-07-03

共2条回复

0 学习 · 4928 问题

查看课程

相似问题

老师帮我看看 about区图片为啥不能居中

回答 1

老师帮我看看banner区的表怎样可以居中

回答 4

回答 1

回答 2

回答 1