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

HTML/CSS 问题:如何在不修改 HTML 代码的情况下给文字左右加间距?

  •  
  •   andybest · 2015-07-15 13:44:36 +08:00 · 1923 次点击
    这是一个创建于 3424 天前的主题,其中的信息可能已经有所发展或是发生改变。
    演示: http://jsfiddle.net/2ghnvzvy/

    约束:不修改 HTML 部分、不扩大 div.m 的宽度(container限制在228px)
    问题:如何仅让文字部分与其左右的红色边框增加一个 10px 的空白间距?
    4 条回复    2015-07-15 22:26:12 +08:00
    juicy
        1
    juicy  
       2015-07-15 13:52:38 +08:00   ❤️ 1
    BOYPT
        2
    BOYPT  
       2015-07-15 13:52:58 +08:00
    padding属性啊
    andybest
        3
    andybest  
    OP
       2015-07-15 14:06:23 +08:00
    @juicy 谢谢,好像给所有的图片加 margin:0 -11px; 感觉不太好,比如有些嵌入在文字中的表情图片怎么处理
    @BOYPT padding 会同时影响到图片
    xinple
        4
    xinple  
       2015-07-15 22:26:12 +08:00   ❤️ 1
    .m {
    border: 1px solid red;
    width: 228px;
    font-size: 12px;
    padding: 10px;
    box-sizing: border-box;
    }
    .m img {
    position: relative;
    left: -10px;
    display: block;
    width: 226px;
    margin: 10px 0;
    }
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3251 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 12:08 · PVG 20:08 · LAX 04:08 · JFK 07:08
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.