zoukankan      html  css  js  c++  java
  • 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的高度垂直居中

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

    有没有规律可循?

  • 相关阅读:
    generator
    JS 中 apply 、call 、bind的详解
    前端面试题(24-js)
    JS原型链深入了解
    Java12新特性
    Java11-ZGC
    Java11新特性
    Java10新特性
    Java9新特性
    CF1385E【Directing Edges】 (拓扑排序)
  • 原文地址:https://www.cnblogs.com/giselle527/p/5741824.html
Copyright © 2011-2022 走看看