td元素

一、设置td的宽和高,不设置table的宽和高

1. 当td的值为具体数值时

a. td显示的宽按设置的数值变动,但宽度不会大于父元素;若强行将宽设置的大于父元素的宽,会被系统无视,即最大宽度为父元素的宽度

b. td显示的高按设置的数值变动,高度无限制,可以自由伸缩

2.  当td的值为百分比时

a. td显示的宽度会变,百分比越大,宽度越小;百分比越小,宽度越大;<!--不知道百分比是按哪个元素走的-->宽度最小不会小于内容宽度,最大不会大于父元素的宽度

b.高按内容高度显示,不会改变

二、设置td的宽和高,同时设置table的宽和高

1. 当table的值为具体数值时

1)td也为数值时

a. 若td的宽和高小于table的值,宽度和高度按table的数值显示

b. 若td的宽大于table的宽,按table的宽度显示

c. 若td的高大于table的高,按td的高度显示

2)td为百分比时

a. 无论td的宽和高多大或者多小,都按table的值显示

2. 当table的值为百分比时,百分比的依据为父元素

1)td为数值时

a. td的宽按table的宽度显示

b. td的高大于table时,按td走;td的高小于table时,按table走

2)td也为百分比时

a. 无论td的宽和高多大或者多小,都按table的值显示

PS:内容按td的高度垂直居中

试了半天得出的结论,刚开始学,好晕= =#

有没有规律可循?

原文地址:https://www.cnblogs.com/giselle527/p/5741824.html