cari

Rumah  >  Soal Jawab  >  teks badan

css - Bagaimana untuk mencapai fungsi yang serupa tanpa menggunakan position:absolute


Tempat yang ditunjukkan dalam gambar ditulis dengan p. Kedudukan ditulis berdasarkan kedudukan mutlak Sekarang saya ingin menggunakan ng-repeat untuk mencapai berbilang bulatan (. jika lulus kembali Jika terdapat nilai yang relevan dalam data), kerana ng-repeat digunakan, ps ini perlu berkongsi css Jika kedudukan mutlak digunakan, semua kotak akan sesak bersama-sama.

ringa_leeringa_lee2754 hari yang lalu1025

membalas semua(3)saya akan balas

  • 漂亮男人

    漂亮男人2017-05-15 17:03:22

    Terima kasih atas jemputan, anda masih perlu menggunakan position:absoulte;
    Zhang Xiaozhu juga menjawab kaedah yang boleh mengubah nilai mengikut data, supaya gaya bulat boleh mengubah atas dan kiri mengikut perubahan tetapan Nilai tidak akan bersesak-sesak.

    Saya menulis contoh untuk rujukan anda.

    <style type="text/css">
    .wrap{
        position: relative;
    }
    .circle{
        background: #CCC;
        border-radius:50%;
        position: absolute;
        width:20px;
        height:20px
    }
    </style>
    </head>
    <body ng-app="myApp" ng-controller="myCtrl">
    <p class="wrap" ng-repeat="x in circles">
        <p class="circle" style=top:{{x.top}};left:{{x.left}}></p>
    </p>
    <script>
    var app = angular.module("myApp", []);
    app.controller("myCtrl", function($scope) {
      $scope.circles = [
        {top:"10px",left:"20px"},
        {top:"30px",left:"80px"},
        {top:"50px",left:"180px"},
        {top:"70px",left:"100px"},
      ]
    });
    </script>

    balas
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-15 17:03:22

    Saya tidak begitu memahami maksud soalan tersebut Memandangkan ia telah diletakkan, nilai atas dan kiri secara semula jadi boleh ditentukan berdasarkan data, sekali gus mencapai tujuan mencipta bulatan pada banyak kedudukan yang berbeza.

    balas
    0
  • ringa_lee

    ringa_lee2017-05-15 17:03:22

    Teka apa yang babi besar mahukan ialah float:left

    balas
    0
  • Batalbalas