css如何设置文本超过固定高度后自动隐藏

 时间:2024-10-12 20:59:20

1、我们新建一个html网页文件,把他命名为test.html,接下来我们用test.html文件来讲解css如何设置文本超过固定高度后自动隐藏。

css如何设置文本超过固定高度后自动隐藏

2、在test.html文件内,要使用div标签创建一行文字,并且把文字内容写上“css如何设置文本超过固定高度后自动隐藏”。

css如何设置文本超过固定高度后自动隐藏

3、给div标签加上一个样式,设置div标签的class属性为mybkkd。

css如何设置文本超过固定高度后自动隐藏

4、编写css样式<style type="text/css"></style>标签,mybkkd样式将写在该标签内。

css如何设置文本超过固定高度后自动隐藏

5、在css标签内,通过div标签的class属性mybkkd设置文字超过固定高度后自动隐藏。

css如何设置文本超过固定高度后自动隐藏

6、在css样式标签里,在括号内,mybkkd的div设置css属性样式为height:40px;overflow:hidden;

css如何设置文本超过固定高度后自动隐藏

7、在浏览器浏览一下test.html,来看看效果能否实现。

css如何设置文本超过固定高度后自动隐藏
  • 家用血糖仪怎么用,分分钟学会它
  • 放大镜制作家庭影院
  • 荔枝如何保鲜
  • 喝浓茶治疗口腔溃疡
  • 什么人不适合用枸杞泡水喝?
  • 热门搜索
    狗狗拉肚子了怎么办 美女照片大全 戏曲大全豫剧全场戏 余光中简介 学习软件大全 网络名字大全霸气 医院大全 高考作文大全 给老师的贺卡怎么写 祖峰演过的电视剧大全