4059496463

  • html5中,元素可以通过设置draggable = "true/false"来控制元素是否可以被拖拽.(img和a默认允许被拖拽,不用设置)

代码如下:

    <style>
        .a1 {
            width: 100px;
            height: 100px;
            background-color: pink;
        }
    </style>
</head>
<body>
<div class="drag" draggable="true"></div>
</body>

效果如图:

blob.png

继续阅读“html5—-拖拽元素(drag)相关属性以及内容”

css3 —– 伸缩盒子记录

由于之前学css3的时候顺便,研究了下伸缩盒子,但是之后几乎没有用过….所以现在重新整理一下伸缩盒子的简单用法。

1.flex基本用法

       é¦–先,要指定一个盒子为伸缩盒子,通过display:flex来设置;设置后元素内部的盒子可以看为display全部变为inline-block;

html布局如下:

<div class="content">
        <div></div>
        <div></div> 
        <div></div>
    </div>

继续阅读“css3 —– 伸缩盒子记录”