最新产品区块中产品名称和价格如何居中显示

之前我们一起讨论过如何调整产品列表页面的产品名称和价格居中显示,传送门—> http://at-elite.com/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;
}

效果如下:


如果在这里不想显示价格,可以用下面代码:


#blockID .card-heading{
    text-align:center;
}
#blockID .card-heading span{
    float:none !important;
}
#blockID .card-heading span:last-child{
    display:none;
}
效果如下:


彩帝彩票_乐途国际 时时彩最稳打法 奔驰娱乐_乐途国际 陕西快3_陕西快三_陕西快三注册 乐途国际_乐途国际 湖南快3_湖南快三计划_湖南快3注册 彩帝彩票_乐途国际 湖南快3_湖南快三计划_湖南快3注册 时时彩最稳打法 奔驰娱乐_乐途国际 乐途国际_乐途国际 乐途国际_乐途国际 湖南快3_湖南快三计划_湖南快3注册 陕西快3_陕西快三_陕西快三注册 乐途国际_乐途国际 湖南快3_湖南快三计划_湖南快3注册 奔驰娱乐_乐途国际 彩帝彩票_乐途国际 时时彩最稳打法 900彩票_乐途国际 900彩票_乐途国际 陕西快3_陕西快三_陕西快三注册 彩帝彩票_乐途国际 奔驰娱乐_乐途国际 彩帝彩票_乐途国际