前端技术(33) : 左右布局

楽焫旒璡

于 2025-07-01 15:38:32 发布

阅读量125

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端文章标签：前端

本文链接：https://blog.youkuaiyun.com/Lxinccode/article/details/149048160

前端专栏收录该内容

79 篇文章

订阅专栏

1.效果图

2.代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>左右布局</title>
		<style>
			.search-container {
				display: flex;
			}

		</style>
	</head>
	<body>
		<span class="search-container">
			<span class="title">左右布局</span>
		
			<div style="margin-left: auto;">
				<button class="search-btn" style=";margin-right: 10px;">测试按钮1</button>
		
				<button class="search-btn"  style="margin-right: 10px;">测试按钮2⌵</button>
		
				<button class="search-btn"  >测试按钮3</button>
			</div>
		</span>
	</body>
</html>