css如何设置超出部分隐藏？

  • 原创
  • |
  • 浏览：7906
  • |
  • 更新：
  • css如何设置超出部分隐藏？1
  • css如何设置超出部分隐藏？2
  • css如何设置超出部分隐藏？3
  • css如何设置超出部分隐藏？4
  • css如何设置超出部分隐藏？5
  • css如何设置超出部分隐藏？6
  • css如何设置超出部分隐藏？7
分步阅读
css如何设置超出部分隐藏？

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

css如何设置超出部分隐藏？

工具/原料

  • ThinkPadE14
  • windows7.0

方法/步骤

  1. 1

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

    css如何设置超出部分隐藏？
  2. 2

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

    css如何设置超出部分隐藏？
  3. 3

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

    css如何设置超出部分隐藏？
  4. 4

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

    css如何设置超出部分隐藏？
  5. 5

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

    css如何设置超出部分隐藏？
  6. 6

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

    css如何设置超出部分隐藏？
    END
  7. 6
    相关内容未经授权抓取自百度经验
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部