css样式设置元素无法居中 5C







热门景点




export default { name: 'HomeIcons' } @import '~styles/varibles.styl'; .icons height :0 padding-bottom :50% overflow : hidden background :gray .icon position: relative float: left width : 25% padding-bottom :25% overflow: hidden height :0 .icon-img position :absolute top: 0 left: 0 right: 0 bottom : .44rem box-sizing :border-box padding : .1rem .icon-img-content display :block height : 100% margin : 0 auto /*margin:5px 15px */ .icon-desc position : absolute left:0 right :0 bottom:0 height :.44rem line-height : .44rem color : $darkTextColor; text-align :center
css

12个回答

给大盒子一个center不行吗,不行你试试将外边距设置为auto。

hu_belif
huwao 回复qq_35433083: 那就在盒子的位置设置好的前提下,将绿色的图标设置为margin:auto,auto;或者内填充、相对定位应该就可以解决。
一年多之前 回复
qq_35433083
qq_35433083 没描述清楚。是中间那个绿色图标的在div中没上下居中 下面的空隙比上面大
一年多之前 回复

居中有两种方式一种块元素居中 用margin:0 auto; 一种行内元素居中text-align: center; 如果还没有居中就是浮动问题 希望对你有帮助

图片说明

图片说明

用一个大的div包起来 其他使用标签

qq_35433083
qq_35433083 没描述清楚。是中间那个绿色图标的在div中没上下居中 下面的空隙比上面大
一年多之前 回复

可以使用margin-left

把.icon中float去掉 增加margin:0 auto;

qq_35433083
qq_35433083 没描述清楚。是中间那个绿色图标的在div中没上下居中 下面的空隙比上面大
一年多之前 回复

给你参考代码,直接复制这段代码看看能不能居中,如果能,你就将你的P换成div

<div style="background-color:#ccc;width:50px;margin:0 auto;">dfdfd</div>

qq_35433083
qq_35433083 没描述清楚。是中间那个绿色图标的在div中没上下居中 下面的空隙比上面大
一年多之前 回复

把外圈的div 设成宽度度 100%

共12条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问