PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Blog
[痞客] 痞客邦圖片與文字間距的語法
作者:
ert230
(嵐嵐)
2014-05-19 15:48:28
因為找了好久都看不到語法,
我是想知道關於後台CSS修改的語法,
就是我文章內的圖片跟圖片之間都沒有空白,
完全就是黏在一起,想知道該怎麼調整他?
找了好久只看到文字與文字間的間距修改,
卻找不到文字與圖片或是圖片跟圖片的間距修改><
附圖,想要右邊那種感覺。
還有就是下圖紅色部分的間距該怎麼調小呢?
謝謝大家!!
作者:
likangrace
(沊沊)
2014-05-20 09:15:00
1)圖片間距 於css增加下面這句.article-content-inner img { padding: 10px 0; }
作者:
likangrace
(沊沊)
2014-05-20 09:16:00
2)首先找到.title {……}修改其中margin的值
作者:
likangrace
(沊沊)
2014-05-20 09:17:00
margin: 10px 0 30px; 改成margin: 10px 0 0;
作者:
likangrace
(沊沊)
2014-05-20 09:18:00
接下來找到.bookmark {……} 同樣修改其中padding值
作者:
likangrace
(沊沊)
2014-05-20 09:19:00
padding: 20px 0 0; 整句刪掉或將20px 改小即可-------------------------------------------------
作者:
likangrace
(沊沊)
2014-05-20 09:20:00
padding或margin 數值寫法
作者:
likangrace
(沊沊)
2014-05-20 09:23:00
A B; 兩個數值時,A表示上下間距,而B表示左右間距
作者:
likangrace
(沊沊)
2014-05-20 09:25:00
A B C;三個數值 A為上間距,B左右間距,C為下間距
作者:
likangrace
(沊沊)
2014-05-20 09:26:00
A B C D; 四個時,依序表示 上、右、下、左
作者:
likangrace
(沊沊)
2014-05-20 09:27:00
如果只有一個值,表示上下左右同時都間隔某值哦
作者:
ert230
(嵐嵐)
2014-05-20 21:31:00
天啊太感謝了><但是改過以後我部落格裡面的圖示都會往上飄
作者:
ert230
(嵐嵐)
2014-05-20 21:33:00
" target="_blank" rel="nofollow">
像這樣><看起來怪怪的><
作者:
likangrace
(沊沊)
2014-05-20 22:22:00
那你可以將1)padding數值改成 20px 0 0; 只留上間距
作者:
likangrace
(沊沊)
2014-05-20 22:24:00
這樣就不會飄了~~上下間距大小你可以試試怎樣最佳哦
作者:
likangrace
(沊沊)
2014-05-20 22:35:00
--------別理上兩行------換下面方法^_<將1)的.article-content-inner img 改成下面這個
作者:
likangrace
(沊沊)
2014-05-20 22:36:00
.article-content-inner img[src$=".jpg"]
作者:
likangrace
(沊沊)
2014-05-20 22:37:00
這樣就不會影響你的小圖了哦 ^_^
作者:
ert230
(嵐嵐)
2014-05-20 23:02:00
太感謝了><真是幫了我大忙!!!!
繼續閱讀
[ WP ] 控制台上方工具列圖示
zhataiyuan
[ WP ] 該怎麼生出段落空格?
famayo
[Tumblr] 橫式照片會縮小
momomom
[其他] 無名備份檔問題
rougemini19
[Blogger] Galauness這個模板的問題(已解決)
manabi
[公告] Eyrie 警告一次
Lovetech
[ WP ] 邊欄顯示最新文章(要帶有小圖片)的外掛
haskey
[ WP ] wordpress 外掛 中文化
oj113068
[Blogger]分享按鈕與FB留言加不進去
jboys75
[痞客] 相簿描述如何放超連結??
JeremyKSKGA
Links
booklink
Contact Us: admin [ a t ] ucptt.com