css 文字图片一行

在网页设计中，文字图片一行的排版常常十分重要。CSS 的 flex 属性可以帮助我们实现这一目标。

 /* 创建一个基础的 FlexBox 容器 */  
 .container {  
   display: flex;  
 }  
 /* 希望文本和图像在同一行上 */  
 .wrapper {  
   display: flex;  
   align-items: center;  
 }  
 /* 对于文本和图片，指定宽度和内边距 */  
 .text {  
   width: 100px;  
   padding: 10px;  
 }  
 .img {  
   width: 100px;  
 }  

在上面的代码中，我们首先创建一个基础的 FlexBox 容器，然后再创建一个包含文本和图片的子容器。align-items 属性用于垂直居中，将子元素在纵向上居中对齐。然后，我们指定了文本和图片的宽度和内边距，以确保它们在同一行上排列。

如果你想要文字图片的排版更加具体到细节，那么可以使用更多的 CSS 属性来调整它们的大小、颜色、对齐方式等。