zoukankan      html  css  js  c++  java
  • css样式-旋转rotate

    一般前端经常用到例如‘<’这样的箭头,然后自己通过旋转变换方向,可以让箭头向上、向下,然后有一天我是用的span,背景是ui提供的箭头图片,死活旋转不了,我就蒙圈了。。。

    解决:

     把span元素直接换成块状元素,或者给span设置inline-block或者block。让span成为块状元素就可以了。

    下图是中国w3.org网上面的解释,中文版没有这些详细解释,点击右上角的英文链接看英文版的才有。但是这个atomic inline-level乍一看真的很容易就以为是行内元素

    所以总结就是:transform 适用于块级元素以及原子内联元素即inline-block

     很多人都说的是:transform 适用于块级元素和某些内联元素。这个“某些内联元素”只得就是inline-block元素,那个inline-block元素是个啥咧:

    大概意思就是这个属性值会导致一个元素变成一个行内的块状容器。这个元素的内部是会变成一个块状盒子,然后元素本身是一个原子行内级的盒子。

    这个atomic inline-level真是让我

  • 相关阅读:
    理解cookie
    浏览器解析url后执行过程
    如何使用D3绘制折线图
    Django 笔记
    vi命令
    PEP8编程规范
    Python_入门第一篇【持续更新...】
    DjangoWeb _ 登录页开发test
    Django开发流程
    Django 笔记2018.2.7
  • 原文地址:https://www.cnblogs.com/coconutGirl/p/8241871.html
Copyright © 2011-2022 走看看