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