css max-height属性怎么用


本文摘自PHP中文网,作者(*-*)浩,侵删。

max-height 属性设置元素的最大高度。

说明

该属性值会对元素的高度设置一个最高限制。因此,元素可以比指定值矮,但不能比其高。不允许指定负值。

注意: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

19

20

<html>

    <head>

    <style type="text/css">

        p

        {

            max-height: 10px

        }

    </style>

    </head>

    <body>

 

    <p>这是一些文本。这是一些文本。这是一些文本。

    这是一些文本。这是一些文本。这是一些文本。

    这是一些文本。这是一些文本。这是一些文本。

    这是一些文本。这是一些文本。这是一些文本。

    这是一些文本。这是一些文本。这是一些文本。</p>

 

 

    </body>

</html>

以上就是css max-height属性怎么用的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

如何清理无用的css样式,你知道吗?

css怎么设置背景图片布满全屏

css如何设置图片透明度

如何解决css float错位问题

css怎么改行内元素高度

css如何设置表格边框间的距离?border-spacing属性的使用

css中的类选择器有什么用

css如何实现阴影效果

css如何设置图片平移

css阴影的设置与取消

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




打赏

取消

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

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

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

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

评论

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