recherche

Maison  >  Questions et réponses  >  le corps du texte

css - Comment obtenir des fonctions similaires sans utiliser position:absolute

L'endroit indiqué dans l'image est écrit avec p. La position est écrite en fonction d'un positionnement absolu. Maintenant, je veux utiliser ng-repeat pour obtenir plusieurs de ces cercles (. s'il est renvoyé S'il y a des valeurs pertinentes dans les données), parce que ng-repeat est utilisé, ces ps doivent partager un css. Si le positionnement absolu est utilisé, toutes les cases seront regroupées.
ringa_leeringa_lee2756 Il y a quelques jours1031

répondre à tous(3)je répondrai

  • 漂亮男人

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

    Merci pour l'invitation. En fait, vous devez toujours utiliser position:absoulte;
    Zhang Xiaozhu a également répondu à la méthode ng-repeat qui peut changer la valeur en fonction des données, afin que le style rond puisse changer le. en haut et à gauche en fonction des changements de paramètres. Les valeurs ne seront pas regroupées.

    J'ai écrit un exemple pour votre référence. 

    <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>

    répondre
    0
  • 伊谢尔伦

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

    Je ne comprends pas très bien ce que signifie la question. Puisqu'elle a été positionnée, les valeurs du haut et de la gauche peuvent naturellement être déterminées en fonction des données, atteignant ainsi l'objectif de créer des cercles à de nombreuses positions différentes.

    répondre
    0
  • ringa_lee

    ringa_lee2017-05-15 17:03:22

    Devinez ce que veut le gros cochon, c'est float:left

    répondre
    0
  • Annulerrépondre