display与visibility

淡淡的烟草味﹌ 2021-12-14 13:37 306阅读 0赞

<!DOCTYPE html>  
<html>  
  
<head>  
<meta charset="utf-8" />  
<title></title>  
<style>  
a \{  
background-color: \#FFFF00;  
/\*为其设计一个宽和高\*/  
width: 500px;  
height: 500px;  
/\*  
\*内联元素不支持宽高，要是我们把它变成块元素呢  
\* display 属性规定元素应该生成的框的类型。  
\* 可选值：  
\* inline——内联元素  
\* block——块元素  
\* inline-block——行内块元素(即有内联元素的属性有块元素的属性  
\* none——不显示元素，并且元素不会在页面中继续占有位置  
\* visibility  
\* 用来设置元素的隐藏和显示状态  
\* 可选值：  
\* visible 默认值，元素默认会在页面显示  
\* hidden：元素隐藏不显示，但是会在页面中继续占有位置  
\* collapse：当在表格元素中使用时，此值可删除一行或一列，  
\* 但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。  
\* 如果此值被用在其他的元素上，会呈现为 "hidden"。  
\*/  
display: none;  
\}  
  
tr.coll \{  
visibility: collapse;  
\}  
</style>  
</head>  
  
<body>  
<a href="\#">我是一个大大的超链接</a>  
<p>我是个段落</p>  
<table border="1">  
<tr>  
<td>Adams</td>  
<td>John</td>  
</tr>  
<tr class="coll">  
<td>Bush</td>  
<td>George</td>  
</tr>  
<tr class="coll">  
<td>Bush</td>  
<td>George</td>  
</tr>  
<tr>  
<td>Bush</td>  
<td>George</td>  
</tr>  
</table>  
</body>  
  
</html>

转载于:https://www.cnblogs.com/goodgirl----xiaomei/p/9786428.html

发表评论取消回复

表情：

评论列表（有 0 条评论，306人围观）

还没有评论，来说两句吧...

相关阅读

相关 display和visibility的属性

display属性设置元素的显示方式，对应脚本特性为display，可选值为none、block和inline，各值的说明如下： none 隐藏元素

红太狼/ 2022年12月30日 08:10/ 0 赞/ 202 阅读

相关 css 元素的显示与隐藏 display visibility

网页布局总结 1.标准流可以让盒子上下排列或者左右排列，垂直的块级盒子显示就用标准流布局。 2.浮动可以让多个块级元素一行显示或者左右对齐，多个块级盒子水平

喜欢ヅ旅行/ 2022年12月27日 02:09/ 0 赞/ 280 阅读

相关元素的显示与隐藏——display、visibility、overflow

元素的显示与隐藏让一个元素在页面中隐藏或者显示出来 display显示隐藏 display属性用于设置一个元素如何显示 1. `display: nonoe

今天药忘吃喽~/ 2022年12月19日 03:54/ 0 赞/ 252 阅读

相关 CSS：display、visibility、opacity 的详解与比较

目录一、简介 1、display 2、visibility 3、opacity 二、知识点补充 1、浏览器渲染过程 2、回流 3、重绘 4、回流与重绘的区别

旧城等待，/ 2022年11月17日 05:51/ 0 赞/ 252 阅读

相关前端display和visibility属性

display属性：设置元素的显示类型，可选值： <table style="width:500px;"> <tbody>

清疚/ 2022年08月31日 15:27/ 0 赞/ 201 阅读

相关 css中visibility与display的区别

css中visibility属性表示隐藏，可取的值包括hidden,visible,collapse,inherit继承。 display属性可选的值为none,inline

╰半橙微兮°/ 2022年07月20日 15:20/ 0 赞/ 214 阅读

相关 display与visibility的区别

很多时候我们都会接触到这两个属性（display，visibility）,特别是当我们想要隐藏一个元素或者显示一个函数的话，我们就会使用到上面提及到的属性。那当我们用来使用这两

逃离我推掉我的手/ 2022年07月03日 15:26/ 0 赞/ 229 阅读

相关 div 显示与隐藏，display与visibility的差别

最近写项目用到DIV隐藏,以下引用[http://www.cnblogs.com/dotLive/archive/2007/04/04/699302.html][http_ww

不念不忘少年蓝@/ 2022年06月18日 06:18/ 0 赞/ 223 阅读

相关【CSS】 Display(显示) 与 Visibility（可见性）

display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。 ![在这里插入图片描述][2019012817390153.png] 隐

分手后的思念是犯贱/ 2022年03月22日 14:10/ 0 赞/ 240 阅读

相关 display与visibility

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <sty

淡淡的烟草味﹌/ 2021年12月14日 13:37/ 0 赞/ 307 阅读