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文件要写head吗

ie11下不能引入外部css的解决办法

css怎么设置实线

css怎么设置字体白色描边

css实现三角的原理

css链接状态有哪些

css如何实现圆角内凹效果

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




打赏

取消

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

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

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

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

评论

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