2021-02-25

最新推荐文章于 2021-07-26 11:00:00 发布

wwerawhbk

最新推荐文章于 2021-07-26 11:00:00 发布

阅读量51

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/wwerawhbk/article/details/114107617

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

关于css样式的div中的问题

在做小米商城的时候，遇到了购物车这个问题，自己第一次在做的时候，发现小米原本是这样的在这里插入图片描述
就是购物车剧中，根据我的理解就写出了下面的代码

.shop-car{
	float: right;
	width: 120px;
	display: block;
	background-color: #424242;
	text-align: center;
}

但是产生的效果就变成了在这里插入图片描述

可以看出来上面的的文本居中时生效的但是，文本并没有居中，根据更改，改成如下`

. shop-car a{
	width: 120px;
	display: block;
	background-color: #424242;
	text-align: center;
} 
就会变成下面的样式!
[在这里插入图片描述](https://img-blog.csdnimg.cn/20210225221051373.PNG#pic_center)

个人推理应该是a标签被我变成了一个块，用display给他撑起来了，所以大小应该控制a标签而不是div