css问题:怎样实现reeder2正文的那种横向全屏显示图片效果? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
GASALA
V2EX    问与答

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

  •  
  •   GASALA 2013-11-06 18:00:54 +08:00 via iPhone 3054 次点击
    这是一个创建于 4407 天前的主题,其中的信息可能已经有所发展或是发生改变。
    在网站的移动版上,想实现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