Html 溢出属性和固定高度

Html 溢出属性和固定高度,html,css,overflow,Html,Css,Overflow,看这张图片,伙计们,不要使用溢出:隐藏仍有一些文本出现我也想隐藏它我怎么能做到这一点? (我不想降低或增加高度,高度应保持原样) 看看用红色突出显示的区域,这正是让我恼火的地方。 我怎样才能解决这个问题 这是内容的CSS height:114px; overflow:hidden; padding:12px 12px 0; padding-bottom:12px; font-size:11px; line-height:16px; background-color:#e1f6fa; 我用c

看这张图片,伙计们,不要使用溢出:隐藏仍有一些文本出现我也想隐藏它我怎么能做到这一点? (我不想降低或增加高度,高度应保持原样)

看看用红色突出显示的区域,这正是让我恼火的地方。 我怎样才能解决这个问题

这是内容的CSS

height:114px;
overflow:hidden;
padding:12px 12px 0;
padding-bottom:12px;
font-size:11px;
line-height:16px;
background-color:#e1f6fa;

我用css/html修复了第三个内容框,但第五个内容框无法修复。
还有很多其他的盒子,里面有不同的内容,所以改变高度、行高比例是没有用的。这可以通过php实现吗?如果是,那怎么办

您可以尝试增加行高或字体大小。我不相信有任何其他的方法可以用css来实现这一点。

你可以尝试增加行高或字体大小。我不相信有任何其他方法可以使用css来实现此功能。

请确保
height
属性是
行高值的倍数。这将解决这个问题。例如:对于
行高
16px
行高
96px
112px
等。高度
114px
在底部留下
2个像素
,这将不可避免地显示前面的1~2个像素(取决于使用的字体)确保
height
属性是
行高值的倍数。这将解决这个问题。例如:对于
行高
16px
行高
96px
112px
等。高度
114px
在底部留下
2个像素
,这将不可避免地显示前面的1~2个像素(取决于使用的字体)您必须为特定的内容框创建新的id或类。比如说

.content_box p{
Line-height:20px;
}

Html View

<div class="content_box">
<p>test message</p>
</div>
.content\u框p{
线高:20px;
}
Html视图
测试消息


它不会影响其他内容框。

您必须为特定内容框创建新id或类。比如说

.content_box p{
Line-height:20px;
}

Html View

<div class="content_box">
<p>test message</p>
</div>
.content\u框p{
线高:20px;
}
Html视图
测试消息


它不会影响其他内容框。

是否可以增加底部填充,并降低高度以取消它(这样,它将保持相同的相对高度,但底部不会有任何内容)。您必须增加标题的填充底值或行距:您可以更改ASCII的策略,以便每个字符的宽度相同。这对于ascii艺术来说要好得多:)我的网站上还有上千个其他的内容框,里面都有不同的文本,增加行高会解决这个特定内容框的问题,但它会为其他内容框产生同样的问题……增加底部填充,并降低高度以取消它是否有效(这样,它将保持相同的相对高度,但底部不会有任何内容)。您必须增加填充底部值或行距主题:您可以更改ASCII的策略,以便每个字符都具有相同的宽度。这对于ASCII艺术来说更好:)我的网站上还有上千个其他内容框,里面都有不同的文本,增加行高将修复此特定内容框的问题,但它将为其他内容框生成相同的问题…此问题不会发生在该特定框中:S使用您的代码,我可以修复特定内容框的问题,但它将保留在其他框中。可以通过php实现吗,顺便说一句,这是wordpress帖子的一种,每个wordpress帖子都有特定的css。您必须尝试以下代码:.wp_post_class p{Line height:20px;}Html视图测试消息

有900多篇帖子:S,看看我的第一篇帖子,我添加了更多细节。这个问题不会发生在特定的框中:S使用您的代码,我可以为特定的内容框修复它,但它将保留在其他框中。可以通过php实现吗,顺便说一句,这是wordpress帖子的一种,每个wordpress帖子都有特定的css。您必须尝试以下代码:.wp_post_class p{Line height:20px;}Html视图测试消息

有900多篇帖子:S,看看我的第一篇帖子,我添加了更多细节。