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如何设置文本超过固定高度后自动隐藏
  • 家用血糖仪怎么用,分分钟学会它
  • 放大镜制作家庭影院
  • 荔枝如何保鲜
  • 喝浓茶治疗口腔溃疡
  • 什么人不适合用枸杞泡水喝?
  • 热门搜索
    牛肉干怎么做 怎么注册谷歌账号 怎么查微信注册时间 试管婴儿是怎么回事 鼠标速度怎么调 怎么让眼睛变大 苹果圆点怎么设置 入睡困难怎么办 同房时出血是怎么回事 皮脂腺囊肿怎么治疗