一个DIV里,一边靠左,一边靠右,怎么实现?

 我来答
惠企百科
2022-12-14 · 百度认证:北京惠企网络技术有限公司官方账号
惠企百科
惠企百科网是一家科普类综合网站,关注热门中文知识,集聚互联网精华中文知识,本着自由开放、分享价值的基本原则,向广大网友提供专业的中文知识平台。
向TA提问
展开全部

通过定位实现: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属性的值。

参考资料:

百度百科--position

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式