Html “最大高度”不会降低文本的高度_Html_Css

Html “最大高度”不会降低文本的高度

html css

Html “最大高度”不会降低文本的高度,html,css,Html,Css,我试图截断div元素中某些文本的高度，但问题是max-height不起作用，而max-width起作用我的HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Page</title> </head> <link rel="stylesheet" type="text/css" href=

我试图截断div元素中某些文本的高度，但问题是max-height不起作用，而max-width起作用

我的HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Page</title>
</head>
<link rel="stylesheet" type="text/css" href="style.css">
<body>
    <div class="text">
            Improve ashamed married expense bed her comfort pursuit mrs. Four time took ye your as fail lady. Up greatest am exertion or marianne. Shy occasional terminated insensible and inhabiting gay. So know do fond to half on. Now who promise was justice new winding. In finished on he speaking suitable advanced if. Boy happiness sportsmen say prevailed offending concealed nor was provision. Provided so as doubtful on striking required. Waiting we to compass assured. 
    </div>
</body>
</html>

这会减小文本的宽度，但不会减小高度。

%计算从父级高度/宽度开始。文本父对象是主体，主体没有应用高度。所以实际上最大高度：10%；将不会正确计算。尝试添加一些包装，并在其中添加一些以px为单位的高度，以查看差异。例如：

.包装纸{ 高度：400px；轮廓：1px纯红； } .文本{ 外形：1px纯绿色；颜色：红色；最大高度：10%；最大宽度：80%； } 改善羞耻的已婚消费床她追求舒适的四太太把叶贵当成了失败的女人。我是劳累还是玛丽安。羞怯、麻木不仁、居住在同性恋者之中。所以知道你喜欢一半。现在谁的承诺是正义的新缠绕。在结束时，他说得很好。运动员们说，男孩的快乐普遍存在，冒犯行为也没有被掩盖。如有疑问，应按要求提供。等待我们的指南针。 %计算从父高度/宽度开始。文本父对象是主体，主体没有应用高度。所以实际上最大高度：10%；将不会正确计算。尝试添加一些包装，并在其中添加一些以px为单位的高度，以查看差异。例如：

.包装纸{ 高度：400px；轮廓：1px纯红； } .文本{ 外形：1px纯绿色；颜色：红色；最大高度：10%；最大宽度：80%； } 改善羞耻的已婚消费床她追求舒适的四太太把叶贵当成了失败的女人。我是劳累还是玛丽安。羞怯、麻木不仁、居住在同性恋者之中。所以知道你喜欢一半。现在谁的承诺是正义的新缠绕。在结束时，他说得很好。运动员们说，男孩的快乐普遍存在，冒犯行为也没有被掩盖。如有疑问，应按要求提供。等待我们的指南针。您需要为html和body元素设置高度：100%，以便10%表示视口高度。您还需要在文本包装器上设置overflow:hidden以截断它，否则它将超出其边界

正文，html{ 身高：100%； } .文本{ 颜色：红色；最大高度：10%；最大宽度：80%；溢出：隐藏； } 改善羞耻的已婚消费床她追求舒适的四太太把叶贵当成了失败的女人。我是劳累还是玛丽安。羞怯、麻木不仁、居住在同性恋者之中。所以知道你喜欢一半。谁的承诺是新的正义弯曲的在结束时，他说得很好。运动员们说，男孩的快乐普遍存在，冒犯行为也没有被掩盖。如有疑问，应按要求提供。等待我们的指南针。您需要为html和body元素设置高度：100%，以便10%表示视口高度。您还需要在文本包装器上设置overflow:hidden以截断它，否则它将超出其边界

.文本{ 颜色：红色；线高：40%；最大宽度：80%； } 页改善羞耻的已婚消费床她追求舒适的四太太把叶贵当成了失败的女人。我是劳累还是玛丽安。羞怯、麻木不仁、居住在同性恋者之中。所以知道你喜欢一半。现在谁的承诺是正义的新缠绕。在结束时，他说得很好。运动员们说，男孩的快乐普遍存在，冒犯行为也没有被掩盖。如有疑问，应按要求提供。等待我们的指南针。可以使用“属性”而不是“最大高度”

文本仍然没有被截断-您忘记添加溢出！：@ConstantinGroß这是另一个故事，只是试图解释高度问题文本仍然没有被截断-您忘记添加溢出！：@康斯坦丁罗那是另一个故事，只是试图解释身高问题

.text{
    color: red;
    max-height: 10%;
    max-width: 80%;
}