CSS对齐弹性布局中左右对齐

最新推荐文章于 2024-07-28 17:33:37 发布

全栈小李

最新推荐文章于 2024-07-28 17:33:37 发布

阅读量1.2k

点赞数 1

分类专栏：总结记录

本文链接：https://blog.csdn.net/qq_45162683/article/details/126011763

版权

css 前端 html

总结记录专栏收录该内容

25 篇文章 0 订阅

订阅专栏

把子元素左右对齐

<view class='tanxin'>
			<text class="liContent">1111</text>
			<text class="liReward">2222</text>
</view>
<view class='tanxin'>
			<text class="liContent">3333</text>
			<text class="liReward">4444</text>
</view>

.tanxin {
		display: flex;
		justify-content: space-between;
	}
.liReward {
		margin-right: 1rem;
		color: #d2d2d2;
	}

	.liContent {
		margin-left: 35%;
		color: #d2d2d2;
	}