84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
html代码如下:css代码如下:
然后我现在出来是这个效果
效果图是这样的:
文字颜色还有标题和文字之间间距可以忽略。。就是想问一下下面的图片和文字如何居中。我之前设置width的像素可以达到居中效果,但是背景色就不能铺满,然后使用width:100%之后就无法居中了。之前使用的margin 0 auto失效,然后尝试text-align:center也没有效果。请问大家有没有什么好的方法解决。
小伙看你根骨奇佳,潜力无限,来学PHP伐。
对于你的这种情况元素居中有两种方法:
flex布局:
.team{ width:950px; height:470px; background:#2e2e2e; display: flex; align-items: center; justify-content: center; }
2.transfrom来居中
在.team中加入:position: relative; 在dl标签里加入: position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
参考链接:transform居中
你把三个dl用box包括起来给他固定宽,让box margin:0 auto就可以了
外层再给一个标签,用于width:100%加背景色铺满;里面这个.team给个固定的宽,然后margin:0 auto;
第一 是先实现一个正常的背景p 默认不需要加宽第二,中间内容区给个宽度然后margin:0 auto
对于你的这种情况元素居中有两种方法:
flex布局:
2.transfrom来居中
参考链接:transform居中
你把三个dl用box包括起来给他固定宽,让box margin:0 auto就可以了
外层再给一个标签,用于width:100%加背景色铺满;里面这个.team给个固定的宽,然后margin:0 auto;
第一 是先实现一个正常的背景
p 默认不需要加宽
第二,中间内容区给个宽度然后margin:0 auto