当前位置:   article > 正文

css分屏可拖拽_css能随便拖动

css能随便拖动

众所周知,input标签的textarea属性是可以多行输入的,那么,我们是不是可以拿这个属性做文章呢?

答案是当然可以

  1. .reszie{
  2. overflow: scroll;
  3. resize: horizontal;
  4. width: 200px;
  5. height: 16px; /*小方块的高度*/
  6. transform: scaleY(999);
  7. opacity: 0;
  8. }

我们把 textarea属性从input中单独拿出来,像这样就可以实现盒子可拖拽了。

这里给出完整代码

  1. <style>
  2. :root,body{
  3. width: 100%;
  4. height: 100%;
  5. margin: 0;
  6. display: flex;
  7. }
  8. .box1{
  9. /* background-color: red; */
  10. background-image: url(../图片管理器/kun.jpg);
  11. background-size: 100% 100%;
  12. overflow: hidden;
  13. border-right: 1px solid white;
  14. }
  15. .box2{
  16. /* background-color: blue; */
  17. background-image: url(../图片管理器/OIP-C.jpg);
  18. flex: 1;
  19. background-size: 100% 100%;
  20. }
  21. /* textarea 文本框多行数入标签的属性 */
  22. .reszie{
  23. overflow: scroll;
  24. resize: horizontal;
本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/76862
推荐阅读
相关标签
  

闽ICP备14008679号