V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
GASALA
V2EX  ›  问与答

css问题:怎样实现reeder2正文的那种横向全屏显示图片效果?

  •  
  •   GASALA · 2013-11-06 18:00:54 +08:00 via iPhone · 2712 次点击
    这是一个创建于 4033 天前的主题,其中的信息可能已经有所发展或是发生改变。
    在网站的移动版上,想实现reeder2正文的那种横向全屏显示图片形式,但是我的站正文的div是有用margin定义左右边距的,请问怎样才能实现这种图片横向全屏,但文字内容有边距的效果?

    手机打字描述的不是很清楚,望见谅
    6 条回复    1970-01-01 08:00:00 +08:00
    chairuosen
        1
    chairuosen  
       2013-11-06 18:09:46 +08:00   ❤️ 1
    图片margin给个负值|图片绝对定位(如果只在顶部有一个图的话)
    vivianalive
        2
    vivianalive  
       2013-11-06 18:18:04 +08:00   ❤️ 1
    可以正文margin: 0, 各个paragraph设置margin,但图片margn: 0.
    这样就避免使用绝对定位可能带来的问题啦.
    GASALA
        3
    GASALA  
    OP
       2013-11-06 18:39:49 +08:00 via iPhone
    @vivianalive 谢谢,不过这样要修改的地方就挺多了。
    GASALA
        4
    GASALA  
    OP
       2013-11-06 18:41:07 +08:00 via iPhone
    @chairuosen 谢谢,每篇文章图片都不少...
    chairuosen
        5
    chairuosen  
       2013-11-06 19:15:38 +08:00
    @GASALA 那可以只用margin负值
    WarWithinMe
        6
    WarWithinMe  
       2013-11-07 12:45:08 +08:00
    flexbox
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3445 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 00:16 · PVG 08:16 · LAX 16:16 · JFK 19:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.