CSS- und HTML-Methoden zum Verschieben von Absätzen nach links auf Bildschirmen in Mobilgröße

Question

Sieht auf einem normalen 16:9-Computerbildschirm perfekt aus, mit Text auf der linken Seite und Bildern auf der rechten Seite. Bei kleineren Bildschirmen (z. B. in Telefongröße) wird jedoch das Bild oben im Absatz angezeigt, wie ich es möchte. Ich bin sehr neu in diesem Bereich, bitte helfen Sie mir.

Das ist meine Mediendatei

@media(max-width: 700px){
    
   
    .project1-img{
        flex-basis: 10%;
        width: 350px;
        margin: 20px;
    }
    
    .project-one{
        float: right;
        width: 750px;
        margin: 20px;
        padding-left: 10px;  
        inline-size: 1000px;
    }   
}

Ich benötige einen Code, der mir hilft, Absätze an der gewünschten Position auszurichten

Answer 1

你到底想做什么？
我猜你希望段落和图像在手机屏幕上都可见。所以你可以使用 CSS 的 flex 属性来做到这一点
这是示例：

    
    



    

        

            
Some Heading
            
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, id praesentium nesciunt vitae libero pariatur. Nam earum reiciendis error autem porro dicta officiis ullam. Alias, minima! Laborum natus maiores rem!
        
        

            
        
    
    

如果这不是您想要做的，那么请详细解释您想要做什么......以及您的整个代码（html 文件）