小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

显示

• display 属性：用来设置 HTML 元素的显示类型。
• visibility 属性：用来设置显示或隐藏 HTML 元素。

display 属性

当使用display属性设置元素为隐藏时, 该元素在HTML页面中所占区域消失

• block：表示将某个元素的显示类型设置为块级元素。
• inline：表示将某个元素的显示类型设置为内联元素。
• inline-block：表示将某个元素的显示类型设置为行内块级元素。
• none：表示将某个元素进行隐藏，不显示在 HTML 页面中。

visibility 属性

visibility 属性设置元素为隐藏后，该元素依旧占用 HTML 页面中对应的区域。

• visible：表示将某个元素设置为显示。
• hidden：表示将某个元素设置为隐藏。

内容溢出

overflow 属性

CSS overflow 属性用来设置当子级元素溢出父级元素的区域时，要如何进行处理。该属性的值具有如下几种：

• visible：l默认值。内容不会被修剪，会显示在父级容器之外。
• hidden：内容会被修剪，并且其余内容不可见。
• scroll：内容会被修剪，浏览器会显示滚动条以便查看其余内容。
• auto：由浏览器决定，如果内容被修剪，就会显示滚动条。

visible 是 overflow 属性的默认值，也就是说，即使你不设置 overflow 属性的值，那 overflow 属性的值就是 visible。

text-overflow 属性

• clip：将文本内容超出父级容器的部分隐藏。
• ellipsis：将文本内容超出父级容器的部分使用省略号（...）表示。
• string：将文本内容超出父级容器的部分使用指定文本内容表示，例如“.”等。