css怎么设置最大高度


本文摘自PHP中文网,作者V,侵删。

css设置最大高度的方法是,利用max-height属性来实现,如【max-height:50px;】,表示设置最大高度为50px。

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

css中的max-height 属性可以设置元素的最大高度。

属性值:

  • none 默认。定义对元素被允许的最大高度没有限制。

  • length 定义元素的最大高度值。

  • % 定义基于包含它的块级对象的百分比最大高度。

  • inherit 规定应该从父元素继承 max-height 属性的值。

举例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style>

p

{

    max-height:50px;

    background-color:yellow;

}

</style>

</head>

 

<body>

<p>这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。这一段的最大高度设置为50 px。</p>

</body>

</html>

相关推荐:css视频教程

以上就是css怎么设置最大高度的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

怎么给css文件改名

css3如何实现聊天气泡效果?(代码示例)

对响应式web设计的方法实现

css怎么设置首行缩进2字符

css怎么设置文字超过隐藏

css如何让高度自适应

css怎么设置字体为宋体

css background为什么不显示

css怎么样实现图片圆角

css怎么设置高宽

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...