部落格

痞客邦圖片與文字間距的語法 - 部落格

Rosalind avatarRosalind · 2014-05-19

Table of Contents

因為找了好久都看不到語法，
我是想知道關於後台CSS修改的語法，
就是我文章內的圖片跟圖片之間都沒有空白，
完全就是黏在一起，想知道該怎麼調整他?
找了好久只看到文字與文字間的間距修改，
卻找不到文字與圖片或是圖片跟圖片的間距修改><
附圖，想要右邊那種感覺。
http://ppt.cc/tftB

還有就是下圖紅色部分的間距該怎麼調小呢?
http://ppt.cc/ivud

謝謝大家!!

--
部落格

All Comments

Elvira avatarElvira2014-05-19
1)圖片間距 於css增加下面這句
.article-content-inner img { padding: 10px 0; }
Dora avatarDora2014-05-20
2)首先找到.title {……}修改其中margin的值
Irma avatarIrma2014-05-20
margin: 10px 0 30px; 改成margin: 10px 0 0;
Emma avatarEmma2014-05-22
接下來找到.bookmark {……} 同樣修改其中padding值
Michael avatarMichael2014-05-24
padding: 20px 0 0; 整句刪掉或將20px 改小即可
-------------------------------------------------
Daniel avatarDaniel2014-05-25
padding或margin 數值寫法
Andy avatarAndy2014-05-27
A B; 兩個數值時，A表示上下間距，而B表示左右間距
Vanessa avatarVanessa2014-05-29
A B C;三個數值 A為上間距，B左右間距，C為下間距
Bennie avatarBennie2014-06-03
A B C D; 四個時，依序表示 上、右、下、左
Daph Bay avatarDaph Bay2014-06-03
如果只有一個值，表示上下左右同時都間隔某值哦
Regina avatarRegina2014-06-07
天啊太感謝了><但是改過以後我部落格裡面的圖示都會往上飄
Odelette avatarOdelette2014-06-07
http://ppt.cc/k~cx 像這樣><看起來怪怪的><
David avatarDavid2014-06-12
那你可以將1)padding數值改成 20px 0 0; 只留上間距
Freda avatarFreda2014-06-16
這樣就不會飄了~~上下間距大小你可以試試怎樣最佳哦
Delia avatarDelia2014-06-17
--------別理上兩行------換下面方法^_<
將1)的.article-content-inner img 改成下面這個
Elizabeth avatarElizabeth2014-06-18
.article-content-inner img[src$=".jpg"]
Todd Johnson avatarTodd Johnson2014-06-20
這樣就不會影響你的小圖了哦 ^_^
Heather avatarHeather2014-06-23
太感謝了><真是幫了我大忙!!!!