作者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/m.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