美文网首页
前端面试的坑-display详解

前端面试的坑-display详解

作者: ontow | 来源:发表于2016-05-07 09:50 被阅读516次

前端初学--"html"中的种"display"

这里是废话

刚毕业面试前端的时候,被人各种刁难!!!!fuck!!!!
记得一个面试的人问我.请详细说明display的所有属性,与他们的特征,还有不同!!


当时心中一万只泥马飞过.最后的结局已经可想而知.我成功的被pass了!!从此我立志要成为了一个面试管.然后去坑别人.

display的概念

先引用一下 w3c 中对display 的表述

display 属性 设置元素如何显示.---w3cSchool

在常用的前端布局中有display有三个属性会经常被用到[inline]","block","inline-block"

display:inline属性

  1. inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化。
  2. inline元素设置width,height属性无效.


    示例

没写完呢

先写到这.再反省反省,然后再得瑟.

相关文章

  • 前端面试的坑-display详解

    前端初学--"html"中的种"display" 这里是废话 刚毕业面试前端的时候,被人各种刁难!!!!fuck!...

  • 前端面试资料收集

    vue相关知识 前端面试题+前端学习+面试指南 剖析Vue原理&实现双向绑定MVVM 详解 JavaScript的...

  • 滚动时的渐显渐隐标题

    前端入坑纪 56 今天来分享个简单的标题效果... 好,详解如下! OK,first things first! ...

  • bind Polyfill 详解javascript bind

    前端面试经常会遇到的一个面试题:手写bind方法 这篇文章就ECMAScript中bind Polyfill来详解...

  • tab滑动切换内容效果

    前端入坑纪 57 今天来分享个曾见到过的tab效果! 好,详解如下! OK,first things first!...

  • 给我一首诗的时间

    前端入坑纪 59 今天来分享最简单版打字机效果 好,详解如下! OK,first things first! 点...

  • display属性的知识点+实例解读

    display属性在前端中大致分为html dom display属性和css display属性。本文主要讲解...

  • 一道坑爹的面试题

    网上看到一道坑爹的面试题,代码如下:(js真是处处是坑呀。。。(┬_┬)) 输出结果(chrome下): 作为前端...

  • 可以缩放的侧边栏

    前端入坑纪 55 今天来分享个最近做的侧边效果,思路很easy 好,详解如下! OK,first things f...

  • 前端面试详解

    React篇 1.react有哪几个生命周期? constructor() static getDerivedSt...

网友评论

      本文标题:前端面试的坑-display详解

      本文链接:https://www.haomeiwen.com/subject/zxkjrttx.html