在CSS中,我们经常需要将图片和文字对齐,以保证页面的美观和可读性。下面是一些实现方法:1.使用float属性可以将文字和图片都放在一个容器中,给图片添加float属性,让它脱离文档流并沉浸在文字中。
<div class="container"> <img src="example.jpg" style="float: left; margin-right: 10px;"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus viverra malesuada. Aliquam ut tortor at ligula hendrerit sagittis.</p> </div>
<div class="container"> <img src="example.jpg" style="display: inline-block; vertical-align: middle; margin-right: 10px;"> <p style="display: inline-block; vertical-align: middle;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus viverra malesuada. Aliquam ut tortor at ligula hendrerit sagittis.</p> </div>
粉丝
0
关注
0
收藏
0