婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > HTML table行距的改變方法示例

HTML table行距的改變方法示例

熱門標簽:強訊外呼系統 crm外呼系統好不好 電話機器人批發 電銷外呼線路改不外呼線路 智能電銷機器人廣告語 貴陽ai外呼系統 愛巢地圖標注 重慶人工智能電銷機器人報價 長春極信防封電銷卡公司

在使用HTML表的時候有時候需要我們改變行距,但是改變margin,padding,collapse等方法效果都不是很好。在這里我找到了一個實用的小技巧。利用display屬性+margin來實現。
例子:

tr{margin-top:0px;padding:0px;display:block;}

我們來看一下對比


tr{margin-top:-10px;padding:0px;display:block;}


 

可以很明顯的看到行距縮短了不少。

其他解決方法

問題提出:

table中的tr的默認display:table-row,雖然可以修改為display:block但是就失去了tr特有的顯示效果,如(td自動對齊);

并且在tr中對起設定padding是有用的,可以增加內邊距,但是設定margin是沒有用的,tr的外間距依然是0;

解決方案:

css的兩個屬性:border-collapse:collapse / separate  & border-spacing:10px 10px;

需要用border-collapse & border-spacing聯合控制tr的間距;

如:

<table style="border-collapse:separate; border-spacing:10px;">
    <tr></tr>
</table>

到此這篇關于HTML table行距的改變方法示例的文章就介紹到這了,更多相關HTML table行距內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章,希望大家以后多多支持腳本之家!

標簽:保定 吳忠 清遠 內蒙古 上海 廣安 山南 陜西

巨人網絡通訊聲明:本文標題《HTML table行距的改變方法示例》,本文關鍵詞  HTML,table,行距,的,改變,方法,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML table行距的改變方法示例》相關的同類信息!
  • 本頁收集關于HTML table行距的改變方法示例的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 荔波县| 泗洪县| 渝中区| 承德县| 正蓝旗| 边坝县| 玛沁县| 正镶白旗| 上高县| 长顺县| 上蔡县| 武夷山市| 苏尼特右旗| 彰武县| 宾川县| 灵璧县| 仁怀市| 桐庐县| 婺源县| 霍山县| 全州县| 普安县| 常德市| 小金县| 甘孜县| 福贡县| 邹平县| 沁阳市| 通江县| 中方县| 驻马店市| 肇东市| 台山市| 五台县| 惠东县| 新乐市| 蚌埠市| 电白县| 都匀市| 富平县| 自贡市|