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 transform-style属性怎么用

css中有哪些ui元素状态伪类选择器

css类选择符用什么表示?

炫酷的 css 边框动画,快来收藏吧!

css中如何设置背景半透明

怎么用css设置字体

css+div隐藏滚动条的实现方法(代码示例)

css box-align属性怎么用

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




打赏

取消

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

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

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

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

评论

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