弹性布局-书本分布（案例实战）

小沐爱编程

已于 2022-10-03 12:04:13 修改

阅读量290

点赞数 1

分类专栏： HTML5基础 CSS 文章标签：前端 css css3

于 2022-10-03 12:02:40 首次发布

本文链接：https://blog.csdn.net/sdxygzh/article/details/127150780

版权

本文通过一个具体的案例，详细讲解了如何使用CSS3的弹性布局来实现书本分布的效果。通过代码演示和运行结果展示，读者可以深入理解弹性布局的用法及其在实际项目中的应用。

摘要由CSDN通过智能技术生成

在这里插入图片描述
代码：html代码

<body>
	<section class="main">
		<div class="course">
			<div class="course-read-book">
				<img src="img/book-1.jpg" alt="1">
			</div>
			<div class="course-read-container">
				<h4>给程序员的职场情商课</h4>
				<p><span class="main-course-font-style">风落几番 </span>蚂蚁金服测试专家r</p>
				<br>
				<p>
					<span class="main-course-price-style">￥ 19.90</span> <del class="main-course-deal-style-del">原价￥
						38.00</del> <span class="main-course-deal-style colo-style">限时优惠</span>
				</p>
			</div