求解释一下例题的旋转

来源:8-1 CSS3变形--旋转 rotate()

天窗的蚂蚁

2016-01-08 21:16

例题中,为什么要把<span>改为display:blcok;才有效,去掉就没用了呢?

写回答 关注

5回答

  • ZXJ03
    2016-12-13 13:26:58

    查了下

    http://www.runoob.com/css/css-boxmodel.html

    所有的HTML元素都可以是盒子模型吧

  • 食月
    2016-10-23 11:35:40

    行级元素只有变成块级元素才可以旋转,之所以之前不需要变,是因为旋转的是div元素,它带着子元素一起动的。

  • 食月
    2016-10-23 11:25:33

    查了一下,行级标签也是盒子模型,盒子模型的边框,外边距,内边距,都有方向属性,盒中内容没有。

  • 幻影af
    2016-02-25 15:05:43

    呵呵,不懂可以查吗,span是盒子模型

  • 迷途的马尔斯
    2016-01-08 21:58:15

    因为span是行内标签,行内标签并不是盒子模型,没有四个方向了,所以不能旋转,只有变为块级元素才可以旋转

    迷途的马尔斯 回复天窗的蚂蚁

    看来你真的很乱,你好好想想,盒子是一个容器,是块级元素,span并不是块级元素。你试过这些属性没有?你给span填充看看,看看span的上下有没有变化。如果span都可以当盒子用,那么发明div根本没有任何意义了

    2016-01-09 22:32:58

    共 4 条回复 >

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242220 学习 · 2623 问题

查看课程

相似问题