最新产品区块中产品名称和价格如何居中显示
- 2018-06-05 09:47:00
- admin 原创
- 1340
之前我们一起讨论过如何调整产品列表页面的产品名称和价格居中显示,传送门—>http://www.chanzhi.org/jianzhan/168.html
企业用户经常会在网站首页添加一个最新产品区块,使用户最便捷地了解公司的最新产品信息。所以这篇文章我们一起了解一下,如何设置最新产品区块中产品名称和价格居中显示。
接下来,我们在该区块的CSS项里添加如下代码,以达到我们预期的效果:
#blockID .card-heading{ text-align:center; } #blockID .card-heading span{ float:none !important; }
如果想使产品名称和价格各占一行,可以用下面代码:
#blockID .card-heading{ text-align:center; } #blockID .card-heading span{ float:none !important; display:block; width:100% !important; }
发表评论
企业动态