如何在网页中使用CSS Display语句

时间:2026-02-19 22:25:33

1、hidden语句。使用了这个语句之后,就可以让指定的元素进行隐藏。

<style>

h1.hidden {visibility:hidden;}

</style>

如何在网页中使用CSS Display语句

2、隐藏并且不占据空间。这样的一个语句使用之后,这个元素就如同在网页中完全消失了一样。

h1.hidden {display:none;}

如何在网页中使用CSS Display语句

3、块和内联元素。在网页的元素当中有着两种相近又有区别的元素,这就是块和内联元素。

块元素:

<h1>

<div>

内联元素:

<span>

<a>

如何在网页中使用CSS Display语句

4、内联元素的呈现方式。

li{display:inline;}

如何在网页中使用CSS Display语句

5、块元素的呈现方式。

<style>

span

{

display:block;

}

</style>

如何在网页中使用CSS Display语句

6、表的collapse属性。

<style>

table, th, td {

    border: 1px solid black;

}

tr.collapse {

    visibility: collapse;

}

</style>

如何在网页中使用CSS Display语句

© 2026 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com