首页 前端知识 flex 布局设置最后一个元素靠右 margin-left: auto

flex 布局设置最后一个元素靠右 margin-left: auto

2024-06-26 23:06:09 前端知识 前端哥 376 620 我要收藏

示例

<div class="parent">
	<div class='son1'>A</div>
	<div class='son2'>B</div>
	<div class='son3'>C</div>
</div>
	.parent {
		display: flex;  ⭐️⭐️⭐️
		align-items:center;
		width: 300px;
		height: 50px;
		border: 1px solid black;
	}
	
	.son1,.son2,.son3 {
		height: 30px;
		line-height: 30px;
		width: 30px;
		border: 1px solid black;
		border-radius: 4px;
		text-align: center;
	}
	
	.son1,.son2 {
		margin-left: 10px;
	}
	.son3 {
		margin-left: auto;   ⭐️⭐️⭐️
		margin-right: 10px;
	}

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13661.html
标签
评论
发布的文章

jQuery 选择器

2024-05-12 00:05:34

Vue中public/assets目录区别

2024-07-02 23:07:29

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!