HTML怎么定义溢出文本

 时间:2024-11-02 05:13:45

1、我们首先来看看文本溢出的情况,很明显当宽度不够时,文本会自动换行

HTML怎么定义溢出文本

2、我们用Dreamweaver打开这个网页

HTML怎么定义溢出文本

3、然后给文本添加这样一段CSS样式: white-space: nowrap; /*超出的空白区域不换行*/ overflow: hidden; /*超出隐藏*/ text-overflow: ellipsis; /*文本超出显示省略号*/

HTML怎么定义溢出文本

4、然后点击保存并在浏览器中浏览

HTML怎么定义溢出文本

5、可以看到,溢出显示不了的文字变成了省略号,不是换行了

HTML怎么定义溢出文本
  • 圣盾大虫子怎么玩
  • 湿气重怎么有效的调理
  • 番茄酱焖大虾家常做法大全
  • 牛肉如何做才嫩(日式肥牛石锅饭)
  • 牛肉炒辣椒的做法
  • 热门搜索
    廉洁手抄报内容 诵读经典手抄报 美丽的校园手抄报 奥运会手抄报内容 美在我身边手抄报 文明出行手抄报内容 环境手抄报图片 喜迎国庆手抄报 喜迎国庆手抄报图片 书香满校园手抄报