前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >max-width

max-width

作者头像
Html5知典
发布2019-11-26 16:56:19
9450
发布2019-11-26 16:56:19
举报
文章被收录于专栏:Html5知典

用途

max-width 规定标签设置最大宽度,且在默认情况下,设置初始化宽度的时候接近最大最大宽度。

语法

代码语言:javascript
复制
/* <length> value */ 
max-width: 2.5em; 

/* <percentage> value */ 
max-width: 95%;

 /* Keyword values */ 
 max-width: none;

描述

<length>

此关键词指定一个固定的最大宽度。

<percentage>

此关键词表示相当于包含该元素的块的宽度(即相当于该块的百分比)。

none

此关键词表示不限制高度。

max-content

此关键词表示内在的最大高度。

例子

代码语言:javascript
复制
/* HTML */
<div id="red"> Hudaokeji. </div>

#red { 
    max-width: 300px; 
    margin: auto; 
    background: red; 
    text-align: center;
     }
本文参与?腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-09-07,如有侵权请联系?cloudcommunity@tencent.com 删除

本文分享自 Html5知典 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体同步曝光计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com