css - 不用position：absolute怎么实现类似的功能
问题描述
图中指的地方是用p写出来的根据绝对定位来写位置，现在想要用ng-repeat来实现多个这样的圆圈（如果传回来的数据里有相关值的话），因为要用ng-repeat，所以这些p要公用一个css，用绝对定位的话所有框都挤在一起了，请问要怎么实现呢？
问题解答
回答1：谢谢邀请，其实还是得用position:absoulte;吧张小猪也回答了方法了，ng-repeat可以根据数据来更改值啊，这样圆的style就可以根据设置变化改变top和left的值就不会挤在一起了。
写了个例子，可以参考下。
<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 ng-repeat='x in circles'> <p 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>回答2：
不太明白题主的意思，既然是已定位的，自然可以根据数据来确定 top 和 left 的值，于是达到很多个不同位置的圆的目的。
回答3：猜大猪要的是float:left
相关文章：
1. javascript - jQuery中live事件在移动微信端下没有效果；代码如下2. javascript - 请问一下react-native 布局的时候，尺寸的大小是如何确定的呢？3. javascript - 小白求解:mac 下如何设置nodejs express的 NODE_NEV 环境变量4. javascript - avalon.js ms-on 事件绑定无效 ?5. html5 - 目前 公司App 嵌入H5页面 做个 手机支付功能 没有做过 所以 请求各位有经验的 给个思路6. mysql5.7 json查询支持7. Python如何考虑代码注入安全？8. 找一个权威、实战的微信扫码授权登录网站的开发教程或者文章9. javascript - js 修改表格元素的，可以用DOM操作实现吗？10. javascript - 实参和形参有哪些通俗的命名吗？尤其形参
网公网安备