养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

css如何设置超出部分隐藏

时间:2024-11-15 19:41:10

css设醅呓择锗置超出部分隐藏的方法:首先新建文件,并使用div标签创建文字;然后设置div标签的class属性为txtdiv;接着通过class设置div的样式;最罨傺烙窑后再使用“overflow:hidden”来设置当div内的文字超过宽度时不显示。

css如何设置超出部分隐藏

工具/原料

ThinkPadE14

windows7.0

方法/步骤

1、新建一个html文件,命名为test.html。如图

css如何设置超出部分隐藏

2、在test.html文件内,使用div标签创建一行文字,方便我们测试使用,如图所示

css如何设置超出部分隐藏

3、在t娣定撰钠est.html文件内,设置div标签的class属性为txtdiv,用于下面通过该class定义其样式。如图所示

css如何设置超出部分隐藏

4、在css标签内,通过class设置div的样式,定义其宽度为100px,高度为25px,背景颜色为灰色。如图所示

css如何设置超出部分隐藏

5、在css标签内,再使用“overflow:hidden”来设置当div内的文字超过宽度时,隐藏不显示。如图所示

css如何设置超出部分隐藏

6、在浏览器打开test.html文件,查看结果。

css如何设置超出部分隐藏

© 一点知识