最新產品區塊中產品名稱和價格如何居中顯示

                                  2018-06-05 09:47:00
                                  admin
                                  原創
                                  11839

                                  之前我們一起討論過如何調整產品列表頁面的產品名稱和價格居中顯示,傳送門—>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;
                                  }


                                  發表評論
                                  評論通過審核后顯示。
                                  企業動態

                                  體驗藝術品級主題,引領自助建站潮流

                                  立即體驗
                                  最近最新中文字幕大全手机,日韩高清无码