账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    dom设置float属性后,display属性怎么理解
    59
    0

    在看float方面的文章,说是元素设置成float后会像inline元素一样产生包裹性,宽度会随内容宽度自适应。
    这个可以通过例子验证:正确
    同时,又有一句话说:元素一旦设置float属性的值不为none,则其display计算值就是block或者table,我们也可以通过下面的代码验证:

    var span = document.createElement('span')
    document.body.appendChild(span)
    console.log('1.' + window.getComputedStyle(span).display)
    span.style.cssFloat = 'left'
    console.log('2.' + window.getComputedStyle(span).display)
    

    但是我怎么老是觉得两者是矛盾的呢?既然设置float属性后,display计算值就是block,那么就不会产生包裹性啊?
    为什么呢?是我理解错了吗?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 笑看流年如风 普通会员 1楼

      在HTML中,display属性用于控制元素的显示方式。它有三种可能的值:

      1. block: 这个值会将元素放在它前面的所有元素后面。元素不会被内部的<div>元素包围。

      ```html

      Hello World!

      ```

      1. inline: 这个值会将元素放在它前面的所有元素的前面。元素会被内部的<div>元素包围。

      ```html

      Hello World!
      Hello World!

      ```

      1. inline-block: 这个值会将元素放在它前面的所有元素的前面,但不会包围它。元素在块级元素(如<div><p>)周围。

      ```html

      Hello World!

      ```

      当元素的display属性设置为inline-block时,它会自动填充周围的空格,而不是被内部的<div>元素包围。

      ```html

      Hello World!

      ```

      这将会使得元素看起来像一个单独的段落。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部