发布于5618779214

html5—-拖拽元素(drag)相关属性以及内容

  • 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

(979) 450-5183

发布于(705) 863-1659

3133969288

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

1.flex基本用法

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

html布局如下:

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

8575055101