a标签设置长宽：元素的转换display的应用以及隐藏元素时display和visibility 的区别

最新推荐文章于 2023-11-08 09:53:22 发布
最新推荐文章于 2023-11-08 09:53:22 发布
阅读量403 收藏
点赞数 1
分类专栏： 前端 文章标签： css3 css 前端 html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45912061/article/details/122426538
版权

我们经常会遇到给 a 标签设置长宽或者让div标签显示在行内的情况，这时就需要用到display了：
转换元素显示：

display：inline 转换为行内元素

display：block 转换为块元素

display：inline-block 转换为行内块元素

display：table 转化为表格

display：none 隐藏元素
注：这里有类似的visibility 也能隐藏元素，但在使用中却有所区别
visibility ：visible，默认值显示 hidden，隐藏但还占位

marko.
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html怎么隐藏a标签
qf2019的博客
07-13 1万+
html隐藏a标签的方法是，给a标签添加visibility属性，并且设置属性值为hidden即可。visibility属性是专门用来规定元素是否可见的，hidden表示元素不可见。 其实在html中要隐藏a标签并不是很难，因为在css中有一个非常好用的属性visibility，利用这个属性可以轻而易举的实现我们的目的。下面我们先来简单看下这个属性。 visibility 属性规定元素是否可见。 常见属性值： visible 默认值。元素是可见的。 hidden 元素是不可见的。 collapse 当在表格
jsp 隐藏属性
qq_38647207的博客
02-27 4805
jsp 隐藏属性<input type="text" name="a" style="visibility:hidden" />不可见<input type="text" name="a" stype="visibility:visible" /> 可见
标签显示模式(display)
匿名攻城狮
06-28 1362
(1)块级元素(block-level) 常见块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。 块级元素特点: ①总是从新行开始 ②高度、行高、外边距以及内边距都可以控制。 ③宽度默认是容器的100% ④可以容纳内联元素和其他块元素...
转：超链接a标签display属性的block和inline-block的用法说明
ditai8778的博客
11-19 1355
我们经常在设计网站的导航部分的时候，如果想让导航超链接hover显示背景，但稍不注意，默认的inline会让你抓狂，因为display:inline会将超链接显示为内联元素，即没有宽和高的作用效果，这里无论你背景怎么设置，宽高都不会超出超链接的宽高范围！所以我们可以使用 block 或 inline-block 来解决此问题！ display:block 此元素将显示为块级元素，此...
html 注释_web前端基础知识：html+css
weixin_39542889的博客
11-29 130
HTML即超文本标记语言 (Hyper Text Markup Language)， 是用来描述网页的一种语言。超文本标记语言的结构包括"头"部分(外语：Head)、和"主体"部分(外语：Body)，其中"头"部提供关于网页的信息，"主体"部分提供网页的具体内容。标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页如下代码：My First HeadingMy firs...
如何给a标签设置宽高
qq_29442755的博客
06-14 1134
1. 将a标签设置为inline-block或者block； 2. 设置padding将a标签撑开；
<a>设置长宽
weixin_33980459的博客
09-27 146
因为只有块元素才会有物理属性，在css世界里边，有三种形态的东西，1. 块元素。　特性：有物理属性，width,height写值起作用，而且要占据一行。2. 内联元素。 特性：没有物理属性。但是margin，padding值有用。不占据一行，后边可以有兄弟元素。3. 即是块又是内联，根据兄弟兄弟元素决定。为什么是float之后才会有物理属性，这就是块与内联元素相互转化的问题。块元素 -&gt; 内...
html a 标记 样式加display:block
weixin_30491641的博客
06-14 184
A标签是内联元素，可以用display:block;来改变为块元素。也可以用display:inline-block来改为内联块。 display: inline; 把<p><div>块元素设置成内联元素。 转载于:https://www.cnblogs.com/ymj0906/archive/2012/06/14/2550038.html...
a标签小问题
qq_43375584的博客
03-08 276
解决a标签小问题 a标签是行内元素，在给标签设置宽高时，要添加display属性，如果转换为行内块的话，会出现一个小问题： 就是在换行的时候会有一个小间隙，为了防止出现这种情况，我们应该给a标签的父级添加flex布局,这样就克服了有小间隙的问题。 ...
ie下a标签没有背景图设置display:block以及宽高；不能铺满盒子
ywj5200的专栏
11-14 1118
项目中遇到的问题，设置了宽高为一定像素，display也设置为block,但是在ie下就是不起作用。   然后经研究发现，给设置个背景就能触发。
css元素隐藏原理及display:none和visibility:hidden
09-22
在CSS中，让元素隐藏指屏幕范围内肉眼不可见的方法很多，只不过有的依然保留空间，而有的却消失的不留痕迹,接下来本文将详细介绍下css元素隐藏原理，感兴趣的你可不要错过了哈
通过display或visibility来实现HTML元素的显示与隐藏
09-28
需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现，感兴趣的朋友可以了解下本
谈谈CSS隐藏元素(display,visibility)的区别
09-25
在CSS中，让元素隐藏（指屏幕范围内肉眼不可见）的方法很多，有的占据空间，有的不占据空间；有的可以响应点击，有的不能响应点击
通过display或visibility来隐藏html元素
09-28
根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现，下面有个简单的示例，大家可以参考下
CSS3理解display属性
粥要熬。
08-09 4555
display属性定义： 可以将页面元素隐藏或者显示出来，也可以将元素强制改成块级元素或内联元素，在页面布局和JavaScript特效中常常用到display属性。display属性值：none | inline | block | inline-block | list-item | run-in | table | inline-table | table-row-group | table-h
html怎么使用visible属性,enable与visible属性
weixin_34963576的博客
06-05 1969
控件的enable和visible属性有什么不同在C#中，将按钮的enable和visible属性置为false均表示不可见，有区别吗？enable 表示控件不可用 visible 表示控件不显示C# 怎么使用API设置按钮visible和Enable属性？我现在有俩个程序，一个是客户端程序，就是用户使用的;还有一个是客户端如果自动升级程序也是C#写的，并且你没法修改它代码的话…… MSDN Ma...
窗口所在位置，元素的宽高
wybxzht的博客
09-07 229
Window视图： 浏览器相对于屏幕的位置 screeLeft screeTop screenX screeY 浏览器窗口大小 outerWidth outerHeight 页面视图的大小 innerWidth innerHeight Document文档视图 （低版本IE的innerWidth、innerHeight的代替方案） document.documentElement.clientWidth 浏览器窗口可视区宽度（不包括浏览器控制台、菜单栏、工具栏、滚动条） document.documentE
display属性详解
最新发布
m0_68845148的博客
11-08 4288
display属性用于指定一个元素在页面中的显示方式display:block(将元素转换为块元素)（将元素转换为行内元素）（将元素转换为行内块元素）（元素将被隐藏）（将元素作为弹性盒子显示）（将元素作为网格容器显示）（将元素作为表格显示）display简单应用在元素类型的转换，首先我们要理解三种元素类型。HTML中标签元素大体被分为三种不同的类型：块元素、行内元素和行内块元素，各自具有不同的特点以及用途。元素分类英文举例独占一行默认宽度设置宽高块元素block。
div a标签的隐藏/显示
热门推荐
一万个小时
01-03 3万+
div/ a标签的隐藏，显示 jQuery display 隐藏后，原来位置被占掉 visibility 隐藏后，原来位置还在 $("#id").show()表示display:block,  $("#id").hide()表示display:none; $("#id").css('display','none');  $("#id").css('display'
css 中display ：none隐藏元素，鼠标悬浮时设置display:block 元素不显示
05-24
如果您希望在鼠标悬停时显示元素，可以使用CSS中的:hover伪类和display属性实现。下面是一个示例代码： ```html <div class="box"> <p>这是一段文本。</p> </div> ``` ```css .box { display: none; } .box:hover { display: block; } ``` 在上面的示例中，初始时，`.box`元素的display属性值为none，因此该元素不会显示出来。但是，当鼠标悬停在该元素上时，会应用:hover伪类的样式，将display属性值设置为block，从而显示该元素。 需要注意的是，如果使用display:none隐藏元素，那么该元素的空间也会被占据，不会影响其他元素的位置。但是，如果通过设置visibility:hidden来隐藏元素，则该元素的空间仍然会保留，可能会影响布局。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值