在手机尺寸屏幕上,如何将段落向左移动的CSS和HTML方法
P粉043470158
P粉043470158 2024-04-04 20:25:22
[CSS3讨论组]

在正常的16:9电脑屏幕上看起来很完美,文字在左边,图片在右边。 但是,当涉及到较小的屏幕(例如手机尺寸的屏幕)时,它确实会像我想要的那样在段落顶部显示图片。我对此很陌生,所以请帮忙。

这是我的媒体文件

@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;
    }   
}

我需要一个代码来帮助我将段落对齐到所需位置

P粉043470158
P粉043470158

全部回复(1)
P粉846294303

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


    Example

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!

image

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号