[css] 当一个元素被设置为浮动后,它的display值变为什么呢?

一个元素被设为绝对定位或者浮动后,其display计算值就变为了block,尽管其表现形式和inline-block类似——包裹内部元素且不超出包含块的特性。按照如下方式在控制台尝试可验证:
var span = document.createElement('span');
document.body.appendChild(span);
console.log('1.' + window.getComputedStyle(span).display);
span.style.float = 'left';
console.log('2.' + window.getComputedStyle(span).display);
输出:
1.inline
2.block

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 当一个元素被设置为浮动后,它的display值变为什么呢?相关推荐

  1. PHP框架半透明,CSS设定一个元素半透明

    这篇文章主要介绍了用CSS设定一个元素半透明的相关资料,非常不错,具有参考借鉴价值,需要的朋友参考下吧.opacity{ filter:alpha(opacity=50); /* IE */ -moz ...

  2. [css] 用css给一个元素加边框有哪些方法?

    [css] 用css给一个元素加边框有哪些方法? :scope {border: 3px solid black;box-shadow: 0 0 0 1px black; /*不影响布局,无限叠加*/ ...

  3. [css] 行内元素可以设置padding和margin吗?

    [css] 行内元素可以设置padding和margin吗? 行内元素的纵向padding和margin都是不考虑的,这是css规范定义的. inline元素确实可以设置垂直方向的 padding 和 ...

  4. 【问题描述】在带头结点单链表中查找最大值,将其值与最后一个元素交换,输出交换后的单链表各元素。【输入形式】循环输入若干个整数,以字母结束输入,建立带头结点的单链表。【输出形式】输出最

    [问题描述] 在带头结点单链表中查找最大值,将其值与最后一个元素交换,输出交换后的单链表各元素. [输入形式] 循环输入若干个整数,以字母结束输入,建立带头结点的单链表. [输出形式] 输出最大值与最 ...

  5. 顺序表的操作例题——已知一个顺序表L, 其中的元素递增有序排列,设计一个算法,插入一个元素x (x为int 后保持该顺序表仍然递增有序排列(假设插入操作总能成功)。

    一.[题目描述]: 已知一个顺序表L, 其中的元素递增有序排列,设计一个算法,插入一个元素x (x为int 后保持该顺序表仍然递增有序排列(假设插入操作总能成功). 二.[题目分析]: 由题干可知,解 ...

  6. html相对于父元素居中,浅谈css中一个元素如何在其父元素居中显示

    css如何垂直居中一个元素的问题已经是一个老生常谈的问题了.不管对于一个新手或者老手,在面试过程中是经常被问到的.前两天在看一个flex的视频教程,当中提到了有关元素的居中问题,所以今天小编就来扒一扒 ...

  7. 梦幻摩天轮——用CSS写一个元素发光以及圆盘旋转的效果

    标题当然是我自创的啦,这个效果是我偶然做出来的,并没有人严肃地起过名字.那我为什么会偶然做出这个东西呢? 最近做一个PC端官网的项目,首页的banner迟迟没有定下来,感觉客户想搞个大文章.果然后来客 ...

  8. CSS让一个元素水平垂直居中,到底有多少种方案?

    CSS水平垂直居中的方案 水平居中 对于行内元素: text-align: center; 对于确定宽度的块级元素: (1)width和margin实现.margin: 0 auto; (2)绝对定位 ...

  9. CSS表单元素样式设置

    (1)表单由两部分组成,访问者在页面上可看见并填写的控件.标签和按钮的集合,以及用于获取信息并将其转化为可以读取或计算的的格式的处理脚本. (2)表单创建,以form标签开始结束,开始和结束form标 ...

最新文章

  1. OpenCV 【十一】—— 图像去畸变,对极约束之undistort,initUndistortRectifyMap,undistort
  2. 文献阅读疑问(202010)
  3. 个人发卡网源码 仿企业版v2.8
  4. 互联网创业是没有什么好计划的
  5. 计算机专业知识比喻,很好的计算机基础知识比喻
  6. html编写注册页面
  7. 王码86五笔使用技巧
  8. 爬虫进阶之路---处理滑块验证码(以解决极验平台的滑动验证码为例[附带本项目源码!],通过率百分之九十以上!!!)
  9. python 残差图_为啥一定要用残差图检查你的回归分析?
  10. Windows11 0x80190001错误解决
  11. Udacity数据分析(入门)-探索美国共享单车数据
  12. (附源码)node.js学生钟点工管理系统 毕业设计 290011
  13. Win7和Win10操作系统优劣对比,看完你就懂了!
  14. 【英语词组】恋恋不忘Day4-5
  15. MYSQL数据库的实验总结_MySQL数据库基础总结
  16. 关于网络安全里蜜罐的详细介绍
  17. 阿里云服务器部署可道云
  18. AspNetCore 3.1(ABP.Next)集成MiniProfile(简要)
  19. mysql insert 1366_mysql insert中文乱码无法插入ERROR 1366 (HY000): Incorrect string value
  20. java基础 - 网上书城

热门文章

  1. 谁是赢家_人工智能竞赛正在进行中。 这是赢家。
  2. 周末想找个地方敲代码_观看我们的代码游戏,全周末直播
  3. python:pytest中的setup和teardown
  4. Springboot 2.0.0单元测试
  5. Flask基础(03)--创建第一个Flask程序
  6. 简单的方式优化mysql
  7. 54.施工方案第二季(最小生成树)
  8. UVa 11059 Maximum Product
  9. 电脑键盘按钮功能注释大全
  10. ubuntu运行python ide_打造vim中的python IDE