4年前
记动态字段行距、文章行内代码显示调整、中英文间自动添加空格、文章长标题居中显示、版本升级问题
动态字段行距调整
能够看出来动态显示的字段行距很紧凑,不美观,诉求行距宽一点:
教程能够让本身没有一点代码基础的大白学会调整一些简单的设置
- 浏览器按F12调出开发者面板,点选下图图标,然后选择动态内容;
2、找到选中内容上面的第一个class;
3、调整line-height为1.5发现动态内容行距变大,以关键词line-height在宝塔面板中的网站主题目录下挨个文件打开搜索,修改line-height值为1.5,保存文件
- 还可以以相同方式修改对应的其他元素
行内代码样式调整

同上述操作步骤,找到后修改相应元素,调整字体大小,调整vertical-align为baseline即可。
长标题居中显示
- 同上述同上述操作步骤,找到后修改相应元素,即可调整字体阴影显示;
- 找到元素
.text-xl,添加text-align: center;即可实现长标题居中显示;
中英文间加空格
直接在 footer.php 中放入以下代码:
<script src="https://cdnjs.cloudflare.com/ajax/libs/pangu/4.0.7/pangu.min.js"></script>
<script>pangu.spacingElementById('main');</script>其中第2行main可以替换为下面代码其中之一:
pangu.spacingElementById('main');
pangu.spacingElementByClassName('comment');
pangu.spacingElementByTagName('p');或者其他相对应的CLASS名或者ID名。
主题版本升级
A-My主题升级后自己对主题样式进行修改的内容不能保留,所以就简单研究了一下。
核心思想就是比较升级后的包与之前有什么更改,分析主题作者进行的修改内容,自己手动再修改进自己的主题里。
使用Beyond Compare软件分析文件夹内差异内容,很简单,不过多赘述,基本就是样式都在features.min.css文件的修改上:

有大佬看到有不对或者不大聪明的地方,轻一点批评?,让我学习一下?。