一个DIV里,一边靠左,一边靠右,怎么实现?
2022-12-14 · 百度认证:北京惠企网络技术有限公司官方账号
通过定位实现:position.
定义和用法:position属性规定元素的定位类型。
说明:这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
具体实现步骤如下:
1、设计一个html页面,一个标签元素div或者ul里,放入多行数据。
2、设计最外层容器样式文件:
3、设计每一行的样式:
4、最后,设计靠右对齐的样式:
5、此时页面展示如下:
左右均实现了分别对齐。
扩展资料:
定位的值完整解析:
1、absolute
生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。元素的位置通过"left","top","right"以及"bottom"属性进行规定。
2、fixed
生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过"left","top","right"以及"bottom"属性进行规定。
3、relative
生成相对定位的元素,相对于其正常位置进行定位。因此,"left:20"会向元素的LEFT位置添加20像素。
4、static默认值。没有定位,元素出现在正常的流中(忽略top,bottom,left,right或者z-index声明)。
5、inherit规定应该从父元素继承position属性的值。
参考资料: