html表格常见的属性

摘要:
表格常见的属性一,border:外边框;二,vertical-align:1top/middle/bottom;2,默认:middle;,三,border-collapse:1,可以用来去除table的boder;2,border-spacing:可以设置单元格之间的间隔,第一个值是水平相临的两个单元格间距,第二个值是垂直相临两个单元格的间距。

表格常见的属性
一,border:外边框;
二,vertical-align:
1 top/middle/bottom;
2,默认:middle;,
三,border-collapse:
1,可以用来去除table的boder;
2,border-spacing:可以设置单元格之间的间隔,第一个值 是水平相临的两个单元格间距,第二个值是垂直相临两个单元格的间距。
四:caption-side
可取值
top:表格标题定位在表格之上,为默认值
bottom:表格标题定位在表格之下;
五,table-layout:
auto:
table中的td的宽,高会根据内容的多少而变化;
fixed:如果内容是中文的话td的宽度固定,高度根据内容的多少而变化,没有限制。如果是英文的话,宽高不变,内容宽度如果超出就会溢出。

免责声明:文章转载自《html表格常见的属性》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Prometheus+Alertmanager+Grafana监控组件容器化部署ecshop二次开发 给商品添加自定义字段【包含我自己进一步的开发实例详解】下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS 表格

CSS 为表格定义了5个专用属性。 一、border-collapse   该属性用于定义表格的行和单元格的边是合并在一起的还是按照标准的 HTML 样式分开的。 语法: border-collapse: separate | collapse   separate:不合并单元格边框 collapse:合并单元格边框...

表格td内容过多时,td显示省略号,鼠标移入显示全部内容。

转自:https://blog.csdn.net/weixin_42193908/article/details/80405014 两种方式显示: 1.title方式显示: <!DOCTYPE html>   <html>   <head>   <meta http-equiv="Content-Type" co...

HTML快速入门3

四、表格 (Table) 1.表格的基本形式 表由 <table> 开始, </table> 结束,表的内容由 <tr>,<th> 和 <td> 定义。 l<tr>说明表的一个行,表有多少行就有多少个 <tr> ; l<th>说明表的列数和相应栏目的名称(列标...

设置HTML表格细边框

简介:WEB前端|这是关于怎么设置HTML表格细边框的问题,把表格边框设置为细小的线条边框一般我们用表格的时候总会给它个border属性,比如:<tableborder="1">,其效果如下:IDNAMEG...   这是关于怎么设置HTML表格细边框的问题,把表格边框设置为细小的线条边框 一般我们用表格的时候总会给它个border属性,比如...

使用CSS属性设置table表格圆角

有些情况下需要给表格设置圆角,但是border-radius与border-collapse:collapse;会产生冲突,给table设置border-radius并不会生效。可以通过减少单元格框线的方式来不设置boder-collapse;collapse; 这样就能给表格添加圆角了。源码如下: 1 <!DOCTYPE html> 2 &l...

js判断浏览器类型

js判断浏览器类型 <script type="text/javascript" ><!-- function getOs() { var OsObject = ""; if(isIE = navigator.userAgent.indexOf("MSIE")!=-1) { return "MSIE"; } if(isFirefox=na...