如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
HTML怎么定义溢出文本
最近有小伙伴问我HTML怎么定义溢出文本,今天小编就把这种方法带给大家吧
工具/原料
- 电脑:台式机或笔记本
- 软件:Dreamweaver
方法/步骤
我们首先来看看文本溢出的情况,很明显当宽度不够时,文本会自动换行
我们用Dreamweaver打开这个网页
然后给文本添加这样一段CSS样式:
white-space: nowrap; /*超出的空白区域不换行*/
overflow: hidden; /*超出隐藏*/
text-overflow: ellipsis; /*文本超出显示省略号*/
然后点击保存并在浏览器中浏览
可以看到,溢出显示不了的文字变成了省略号,不是换行了
总结
当我们在做网页的时候,如果我们要想在不同设备运行下保证布局不会出错,就需要对文字的长度进行限定。这时这个样式就能够派上用场了
注意事项
- 制作不易,转载注明出处
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 434 HTML