這篇文章主要為大家展示了“BootStrap標題設(shè)置跨行無效怎么辦”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“BootStrap標題設(shè)置跨行無效怎么辦”這篇文章吧。
成都創(chuàng)新互聯(lián)公司公司2013年成立,先為下陸等服務(wù)建站,下陸等地企業(yè),進行企業(yè)商務(wù)咨詢服務(wù)。為下陸企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
最近在使用BootStrap的表格做一個報表界面(不需要報表的功能,只需要預(yù)覽并且行列定好無需根據(jù)數(shù)據(jù)量變化,如有更好的框架歡迎推薦。),發(fā)現(xiàn)標題設(shè)置跨行屬性rowspan無效。html如下:
功能分類 |
第二列 |
第三列 |
第四列 |
第五列 |
第一列 |
第二列 |
第三列 |
第四列 |
第五列 |
第一列 |
第二列 |
第三列 |
第四列 |
第五列 |
效果如下:
可以看到圖上效果,“功能分類”這個單元格屬性設(shè)置了colspan="2" rowspan="2",但是只有colspan="2"起了效果。
解決方案:
不要將需要跨行的單元格放在標簽中,可以如下設(shè)置:
功能分類 |
第二列 |
第三列 |
第四列 |
第五列 |
第一列 |
第二列 |
第三列 |
第四列 |
第五列 |
第一列 |
第二列 |
第三列 |
第四列 |
第五列 |
效果如下:
以上是“BootStrap標題設(shè)置跨行無效怎么辦”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
文章名稱:BootStrap標題設(shè)置跨行無效怎么辦-創(chuàng)新互聯(lián)
當前URL:http://weahome.cn/article/hgoch.html
-
在線咨詢
微信咨詢
電話咨詢
-
028-86922220(工作日)
18980820575(7×24)
-
提交需求
-
返回頂部