css 两个元素不在一排

在 CSS 中，有时候需要将两个元素分别位于不同的行中，比如一个文字描述和一个图片放在不同的行。

实现这种效果的方法有很多种，以下介绍几种常用的方法。

方法一：设置 display 属性为 block

            .text {
            display: block;
        }
        

将文本元素的 display 属性设置为 block，可以使其独占一行。

方法二：使用换行符

            p>
            这是一段文字        
/p>
                    p>
                    
/p>
        

在文本元素和图片元素之间使用 br> 标签，可以插入一个换行符，达到将两个元素分别放在不同行的效果。

方法三：使用 float 属性

            .text {
            float: left;
        }
                .image {
            float: left;
        }
        

分别将文本元素和图片元素的 float 属性设置为 left，可以使它们左浮动，分别位于不同行的左侧。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！