img { float: left; margin-right: 10px; } p { text-align: justify; }
以上是一个简单的样式代码示例,将图片设置为左浮动,并于图片右侧加入10像素的空白间隔。同时,使用text-align属性将段落文本设置为两端对齐,使段落内容看起来更加清晰和整齐。
当然,大家还可以使用其他的CSS属性进行对齐方式的控制,例如使用display属性和table-cell值让文字与图片在一个表格内对齐,或者使用vertical-align属性使图片与文字在垂直方向对齐等等。
总之,通过对CSS样式的掌握,大家可以更加灵活地控制图片与文字的对其方式,为网页设计增添更多的美感和可读性。