隐性改变display类型
来源:互联网 发布:网络电影 编辑:程序博客网 时间:2024/04/27 18:29
有一个有趣的现象就是当为元素(不论之前是什么类型元素,display:none 除外)设置以下 2 个句之一:
- position : absolute
- float : left 或 float:right
元素会自动变为以 display:inline-block 的方式显示,当然就可以设置元素的 width 和 height 了且默认宽度不占满父元素。
如下面的代码,小伙伴们都知道 a 标签是行内元素,所以设置它的 width 是 没有效果的,但是设置为 position:absolute 以后,就可以了。
<div class="container"> <a href="#" title="">进入课程请单击这里</a></div>
css代码
<style>.container a{ position:absolute; width:200px; background:#ccc;}</style>
0 0
- 隐性改变display类型
- 隐性改变display类型
- 隐性改变display类型
- 隐性改变display类型
- 隐性改变display类型
- 隐性改变display类型
- 隐性改变display类型
- 隐性改变display类型
- 【Html】隐性改变display类型
- CSS 隐性改变display类型
- float:left;float:right;position:absolute隐性改变display类型
- C++隐性类型转换
- javascript 隐性类型转换步骤
- [转载]javascript 隐性类型转换步骤
- JavaScript进阶:隐性的类型转化
- jquer 中常用改变display
- 网络安全隐性杀手:三类危险TXT类型文件
- 隐性类型转换的突发奇想与失望
- 第七题
- sicily 1021 couples
- JS中setTimeout()的用法详解
- P153 2
- 第三章习题T4
- 隐性改变display类型
- c++多线程实验代码
- Java 三大框架 SSH
- Elyar的实用工具类(一)
- 序列中只有一个数出现了一次,其他均出现了两次,找出只出现过一次的这个数
- UVA 矩阵链乘
- list_head结构体
- P153 3
- 第三章习题T5