[痞客] 痞客邦图片与文字间距的语法

楼主: ert230 (岚岚)   2014-05-19 15:48:28
因为找了好久都看不到语法,
我是想知道关于后台CSS修改的语法,
就是我文章内的图片跟图片之间都没有空白,
完全就是黏在一起,想知道该怎么调整他?
找了好久只看到文字与文字间的间距修改,
却找不到文字与图片或是图片跟图片的间距修改><
附图,想要右边那种感觉。
http://ppt.cc/tftB
还有就是下图红色部分的间距该怎么调小呢?
http://ppt.cc/ivud
谢谢大家!!
作者: 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
http://ppt.cc/k~cx 像这样><看起来怪怪的><
作者: 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
太感谢了><真是帮了我大忙!!!!

Links booklink

Contact Us: admin [ a t ] ucptt.com