zoukankan      html  css  js  c++  java
  • maxwidth与display:tablecell

    < DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

    max-width和disply:table-cell是非常好用的两个CSS属性。利用max-width和max-height,可以非常方便的将网页中的图片缩小到一定尺寸,而且保证较小的图片不会被放大,图片的宽高比例也不会被强行改变。而disply:table-cell和其他的disply:table等属性结合,可以用div等标签模拟出table的结构,对于页面的排版也非常有用。

    CSS学习之display参数
    2007-12-10 23:20:10 / 个人分类:博客特效

    display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group

    参数:

    block :  CSS1 块对象的默认值。用该值为对象之后添加新行
    none :  CSS1 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
    inline :  CSS1 内联对象的默认值。用该值将从对象中删除行
    compact :  CSS2 分配对象为块对象或基于内容之上的内联对象
    marker :  CSS2 指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before 伪元素一起使用
    inline-table :  CSS2 将表格显示为无前后换行的内联对象或内联容器
    list-item :  CSS1 将块对象指定为列表项目。并可以添加可选项目标志
    run-in :  CSS2 分配对象为块对象或基于内容之上的内联对象
    table :  CSS2 将对象作为块元素级的表格显示
    table-caption :  CSS2 将对象作为表格标题显示
    table-cell :  CSS2 将对象作为表格单元格显示
    table-column :  CSS2 将对象作为表格列显示
    table-column-group :  CSS2 将对象作为表格列组显示
    table-header-group :  CSS2 将对象作为表格标题组显示
    table-footer-group :  CSS2 将对象作为表格脚注组显示
    table-row :  CSS2 将对象作为表格行显示
    table-row-group :  CSS2 将对象作为表格行组显示

  • 相关阅读:
    斐波那契数
    组合数学
    网络流
    UVA 1104 【芯片难题 Chips Challenge】
    Luogu P3181 【[HAOI2016]找相同字符】
    Luogu P4101 【[HEOI2014]人人尽说江南好 】
    Luogu P5842 【[SCOI2012]Blinker 的仰慕者】
    BZOJ 4502 串
    Luogu P5840 【[COCI2015]Divljak】
    Luogu P3295 【[SCOI2016]萌萌哒】
  • 原文地址:https://www.cnblogs.com/netcorner/p/2912233.html
Copyright © 2011-2022 走看看