“的HTML DIV或SPAN标记；更多……”；当高度超过1线时

是否有一个

div

或

span

标记或CSS，如果中间的文本高于1行，则会显示“更多…”，然后允许您单击“更多…”。。。要扩展以显示所有？我有一行图标，每个图标下都有一个段落，我只需要显示一行文本（根据浏览器宽度的不同而有所不同）。

这可以通过使用

复选框的
：checked
来完成，虽然不太实用，但需要正确处理，而且“显示更多”将位于文本块下方，但是
复选框
必须位于我们想要控制其高度的段落之前，给
复选框
显示：无
，并将它的
标签
作为切换控制器，如下所示：



{
最大高度：20px；
溢出：隐藏；/*需要隐藏其余内容*/
过渡：所有1；
}
chk先生{
显示：无；/*隐藏复选框*/
}
/*如果选中复选框，我们将显示以下内容
增加“最大高度”属性
*/
.chk:选中~。第{
最大高度：500px；
过渡：所有1；
}
/*如果显示全文，则将文本更改为“显示较少”*/
.chk:选中~.lbl:：之后{
内容：'少显示'；
}
.lbl{
颜色：蓝色；
文字装饰：下划线；
光标：指针；
}
/*默认情况下，只要未选中复选框，文本为“显示更多”*/
.lbl：：之后{
内容：'显示更多'；
}

水果蛋糕太妃糖燕麦蛋糕芝士蛋糕巧克力芝麻快照。曲奇馅饼粉牛角包口香糖。饼干姜饼太妃糖巧克力蛋糕纸杯蛋糕。芝麻脆饼杏仁饼布丁丘帕糖果牛角面包巧克力蛋糕。果冻冰淇淋提拉米苏邦邦。蛋糕糖果苹果派水果蛋糕薄饼水果蛋糕。酸味软糖蛋糕。
这可以通过使用
复选框的
：checked
来完成，但
复选框必须位于我们想要控制其高度的段落之前，因为它需要正确处理，所以不太实用，而且“show More”将位于文本块下方，赋予
复选框
显示：无
，并将其
标签
作为切换控制器，如下所示：



{
最大高度：20px；
溢出：隐藏；/*需要隐藏其余内容*/
过渡：所有1；
}
chk先生{
显示：无；/*隐藏复选框*/
}
/*如果选中复选框，我们将显示以下内容
增加“最大高度”属性
*/
.chk:选中~。第{
最大高度：500px；
过渡：所有1；
}
/*如果显示全文，则将文本更改为“显示较少”*/
.chk:选中~.lbl:：之后{
内容：'少显示'；
}
.lbl{
颜色：蓝色；
文字装饰：下划线；
光标：指针；
}
/*默认情况下，只要未选中复选框，文本为“显示更多”*/
.lbl：：之后{
内容：'显示更多'；
}

水果蛋糕太妃糖燕麦蛋糕芝士蛋糕巧克力芝麻快照。曲奇馅饼粉牛角包口香糖。饼干姜饼太妃糖巧克力蛋糕纸杯蛋糕。芝麻脆饼杏仁饼布丁丘帕糖果牛角面包巧克力蛋糕。果冻冰淇淋提拉米苏邦邦。蛋糕糖果苹果派水果蛋糕薄饼水果蛋糕。酸味软糖蛋糕。
您尝试了什么，您的代码在哪里？请创建一个实际存在的CSS:
overflow:elispsis
，它似乎在做你想做的事情want@krowe2是否检查此站点上的用户？波尔库伊？：-/你能用一些代码和一个例子来更新你的问题吗？这些代码和例子说明了你正在努力达到的目标，以及到目前为止对你不起作用的目标？干杯你试过什么，你的代码在哪里？请创建一个实际存在的CSS:
overflow:elispsis
，它似乎在做你想做的事情want@krowe2是否检查此站点上的用户？波尔库伊？：-/你能用一些代码和一个例子来更新你的问题吗？这些代码和例子说明了你正在努力达到的目标，以及到目前为止对你不起作用的目标？干杯谢谢这正是我想要的。试图用另一种方式处理div，但无法使其正常工作。内容：是问题所在。谢谢您很欢迎，我很高兴它起到了作用，使用
复选框的好处是利用
检查
事件，因为有时我们可以使用
：target
作为
标记，以及
：checked
作为
单选按钮，但在后一种情况下，如果我们有多个选项，它会起作用，复选框可以被触发或关闭，即使我们有on复选框，，享受编码谢谢这正是我想要的。试图用另一种方式处理div，但无法使其正常工作。内容：是问题所在。谢谢您很欢迎，我很高兴它起到了作用，使用
复选框的好处是利用
检查
事件，因为有时我们可以使用
：target
作为
标记，以及
：checked
作为
单选按钮，但在后一种情况下，如果我们有多个选项，它会起作用，即使我们有on复选框，也可以打开或关闭复选框