table中tr间距的设定详解编程语言

table中tr间距的设定

问题提出:

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
>

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/14063.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论