作者ert230 (岚岚)
看板Blog
标题[痞客] 痞客邦图片与文字间距的语法
时间Mon May 19 15:48:28 2014
因为找了好久都看不到语法，
我是想知道关於後台CSS修改的语法，
就是我文章内的图片跟图片之间都没有空白，
完全就是黏在一起，想知道该怎麽调整他?
找了好久只看到文字与文字间的间距修改，
却找不到文字与图片或是图片跟图片的间距修改><
附图，想要右边那种感觉。
http://ppt.cc/tftB
还有就是下图红色部分的间距该怎麽调小呢?
http://ppt.cc/ivud
谢谢大家!!
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 111.252.181.232
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Blog/M.1400485711.A.8C1.html
1F：→ likangrace:1)图片间距 於css增加下面这句 05/20 09:15
2F：→ likangrace:.article-content-inner img { padding: 10px 0; } 05/20 09:15
3F：→ likangrace:2)首先找到.title {……}修改其中margin的值 05/20 09:16
4F：→ likangrace:margin: 10px 0 30px; 改成margin: 10px 0 0; 05/20 09:17
5F：→ likangrace:接下来找到.bookmark {……} 同样修改其中padding值 05/20 09:18
6F：→ likangrace:padding: 20px 0 0; 整句删掉或将20px 改小即可 05/20 09:19
7F：→ likangrace:------------------------------------------------- 05/20 09:19
8F：→ likangrace:padding或margin 数值写法 05/20 09:20
9F：→ likangrace:A B; 两个数值时，A表示上下间距，而B表示左右间距 05/20 09:23
10F：→ likangrace:A B C;三个数值 A为上间距，B左右间距，C为下间距 05/20 09:25
11F：→ likangrace:A B C D; 四个时，依序表示 上、右、下、左 05/20 09:26
12F：→ likangrace:如果只有一个值，表示上下左右同时都间隔某值哦 05/20 09:27
13F：→ ert230:天啊太感谢了><但是改过以後我部落格里面的图示都会往上飘 05/20 21:31
15F：→ likangrace:那你可以将1)padding数值改成 20px 0 0; 只留上间距 05/20 22:22
16F：→ likangrace:这样就不会飘了~~上下间距大小你可以试试怎样最佳哦 05/20 22:24
17F：→ likangrace:--------别理上两行------换下面方法^_< 05/20 22:35
18F：→ likangrace:将1)的.article-content-inner img 改成下面这个 05/20 22:35
19F：→ likangrace:.article-content-inner img[src$=".jpg"] 05/20 22:36
20F：→ likangrace:这样就不会影响你的小图了哦 ^_^ 05/20 22:37
21F：→ ert230:太感谢了><真是帮了我大忙!!!! 05/20 23:02