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如何设置文本超过固定高度后自动隐藏
  • 家用血糖仪怎么用,分分钟学会它
  • 放大镜制作家庭影院
  • 荔枝如何保鲜
  • 喝浓茶治疗口腔溃疡
  • 什么人不适合用枸杞泡水喝?
  • 热门搜索
    长安欧诺怎么样 华硕平板怎么样 旅游广告宣传语 如何去掉图片水印 福建土楼在哪里 煤油哪里买 楼上漏水不修怎么办 佛头结怎么打 yy直播怎么赚钱 如何减脂肪