GASALA
V2EX  ›  问与答

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

  •  
  •   GASALA · Nov 6, 2013 via iPhone · 3301 views
    This topic created in 4588 days ago, the information mentioned may be changed or developed.
    在网站的移动版上,想实现reeder2正文的那种横向全屏显示图片形式,但是我的站正文的div是有用margin定义左右边距的,请问怎样才能实现这种图片横向全屏,但文字内容有边距的效果?

    手机打字描述的不是很清楚,望见谅
    6 replies    1970-01-01 08:00:00 +08:00
    chairuosen
        1
    chairuosen  
       Nov 6, 2013   ❤️ 1
    图片margin给个负值|图片绝对定位(如果只在顶部有一个图的话)
    vivianalive
        2
    vivianalive  
       Nov 6, 2013   ❤️ 1
    可以正文margin: 0, 各个paragraph设置margin,但图片margn: 0.
    这样就避免使用绝对定位可能带来的问题啦.
    GASALA
        3
    GASALA  
    OP
       Nov 6, 2013 via iPhone
    @vivianalive 谢谢,不过这样要修改的地方就挺多了。
    GASALA
        4
    GASALA  
    OP
       Nov 6, 2013 via iPhone
    @chairuosen 谢谢,每篇文章图片都不少...
    chairuosen
        5
    chairuosen  
       Nov 6, 2013
    @GASALA 那可以只用margin负值
    WarWithinMe
        6
    WarWithinMe  
       Nov 7, 2013
    flexbox
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2576 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 40ms · UTC 11:42 · PVG 19:42 · LAX 04:42 · JFK 07:42
    ♥ Do have faith in what you're doing.