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

2015-07-15 13:44:36 +08:00
 andybest
演示: http://jsfiddle.net/2ghnvzvy/

约束:不修改 HTML 部分、不扩大 div.m 的宽度(container限制在228px)
问题:如何仅让文字部分与其左右的红色边框增加一个 10px 的空白间距?
1918 次点击
所在节点    问与答
4 条回复
juicy
2015-07-15 13:52:38 +08:00
BOYPT
2015-07-15 13:52:58 +08:00
padding属性啊
andybest
2015-07-15 14:06:23 +08:00
@juicy 谢谢,好像给所有的图片加 margin:0 -11px; 感觉不太好,比如有些嵌入在文字中的表情图片怎么处理
@BOYPT padding 会同时影响到图片
xinple
2015-07-15 22:26:12 +08:00
.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;
}

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/205849

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX