分类
商品
商品
店铺
资讯
分类
商品
商品
店铺
资讯

CSS-width 属性

  • 时间:2018-10-06 22:59 作者:JavaScript前端 来源:JavaScript前端 阅读:481
  • 扫一扫,手机访问
摘要:属性定义及使用说明width属性设置元素的宽度。注意: width属性不包括填充,边框和页边距!默认值: auto继承: no版本: CSS1JavaScript 语法:object.style.width="50px"属性值值 形容auto 默认值。浏览器可计算出实际的宽度。length 使用 p
CSS-width 属性

属性定义及使用说明

width属性设置元素的宽度。

注意: width属性不包括填充,边框和页边距!

默认值: auto
继承: no
版本: CSS1
JavaScript 语法:object.style.width="50px"

属性值

值 形容
auto 默认值。浏览器可计算出实际的宽度。
length 使用 px、cm 等单位定义宽度。
% 定义基于包含块(父元素)宽度的百分比宽度。
inherit 规定应该从父元素继承 width 属性的值。

实例

百分比:

.p img{width:100%}

百分比平分,将三个

  • 平均分配

    width:calc( 100% / n - ?px)

    注:n 平分几份除以几;?px 为一个标签的外表距(也可用百分比)
    CSS-width 属性

    实际效果

    CSS-width 属性

    最大宽度:max-width

    最小宽度:min-width

    • 全部评论(0)
    最新发布的资讯信息
    【系统环境|】极客时间-数据分析实战45讲【完结】(2021-09-02 16:26)
    【系统环境|windows】字节跳动前台面试题解析:盛最多水的容器(2021-03-20 21:27)
    【系统环境|windows】DevOps敏捷60问,肯定有你想理解的问题(2021-03-20 21:27)
    【系统环境|windows】字节跳动最爱考的前台面试题:JavaScript 基础(2021-03-20 21:27)
    【系统环境|windows】JavaScript 的 switch 条件语句(2021-03-20 21:27)
    【系统环境|windows】解决 XML 数据应用实践(2021-03-20 21:26)
    【系统环境|windows】20个编写现代CSS代码的建议(2021-03-20 21:26)
    【系统环境|windows】《vue 3.0探险记》- 运行报错:Error:To install them, you can run: npm install --save core-js/modules/es.arra...(2021-03-20 21:24)
    【系统环境|windows】浅谈前台可视化编辑器的实现(2021-03-20 21:24)
    【系统环境|windows】产品经理入门迁移学习指南(2021-03-20 21:23)
    血鸟云
    手机二维码手机访问领取大礼包
    返回顶部