当前位置: > 丰禾备用网站 >
Q&A》相簿框框跟相片跑掉了,怎么办?
作者:admin 发表时间:2017-06-27 [浏览量:2]
摘要:请先到部落格管理中心|部落格设定,抉择自己爱好的模板, 丰禾官网 。 此以网路城邦置左的模板清境大地为例。 1. 先到部落格治理中心|部落格设定,选用此主题后,如图示点按选用各种主题选用清境大地这组模板,而后按下肯定。 2. 点按《读取选用主题》,你

请先到部落格管理中心|部落格设定,抉择自己爱好的模板,丰禾官网
此以网路城邦置左的模板"清境大地"为例。

1. 先到部落格治理中心|部落格设定,选用此主题后,如图示点按选用各种主题选用"清境大地"这组模板,而后按下肯定。

2. 点按《读取选用主题》,你会看到图片像下图一样,文字框(红色虚线框)的地方变成蓝色。

3. 此时请点按《复制样式内容》,即可把文字框内这组模板的CSS样式复制起来。

4. 请点按《编纂自定样式》,然后滑鼠移到文字框中,全选内容后,再按下Ctrl+V,把刚咱们复制的CSS内容贴到文字框里面。

5. 好了吗?最后一步了。请找到个人相簿这一段的CSS语法(到访客簿前唷!),要让模板置中,要在文字框里把原本个人相簿的CSS语法,调换为这一套会让模板会乖乖置中的CSS语法。语法如下:

/* --------------【个人相簿】------------- */
/* 相簿样式 */
.photo_album {
width: 140px; /* 宽度 */
height: 140px; /* 高度 */
text-align: center,丰禾官网; /* 相片水平居中 */
vertical-align: middle; /* 相片垂直居中 */
background: url(
) no-repeat; /* 背景图 */
}
#photo_album_list {
list-style: none; /* 条列式样式:无 */
margin: 0px; /* 边界的间距 */
padding: 0px; /* 内距 */
}
#photo_album_list li {
margin: auto;
padding: 5px 20px; /* 相框间距 */
display: inline; /* 横式排列 */
float: left; /* 靠左浮动定位 */
width: 140px; /* 给标题折行用,须与相簿框一样宽 */
height: 280px; /* 调适标题高度 */
table-layout:fixed; /* 强制换行 */
word-wrap:break-word,丰禾官网; /* 强制换行 */
word-break:keep-all; /* 强制换行 */
}
/* 相片款式 */
.photo_picture {
width: 140px; /* 宽度 */
height: 144px; /* 高度 */
text-align: center; /* 相片程度居中 */
vertical-align: middle; /* 相片垂直居中 */
background: url(
) no-repeat; /* 背景图 */
}
#photo_picture_list {
list-style: none; /* 条列式样式:无 */
margin: 0px; /* 边界的间距 */
padding: 0px; /* 内距 */
}
#photo_picture_list li {
margin: auto; /* 边界的间距 */
padding: 5px 3px; /* 相框间距 */
display: inline; /* 横式排列 */
float: left; /* 靠左浮动定位 */
width: 140px; /* 给题目折行用,须与相片框一样宽 */
height: 240px; /* 调适标题高度 */
table-layout:fixed; /* 强迫换行 */
word-wrap:break-word; /* 强制换行 */
word-break:keep-all; /* 强制换行 */
}

/* --------------【访客簿】------------- */

贴完后按下断定即可。

相片跟相框就会乖乖排好了!

返回首页 上一篇:国光剧团 下一篇:没有了
Copyright 2017 丰禾官网 All Rights Reserved