Typecho后台评论管理页作者列显示错乱，显示一竖条

博主： Dwtowen
发布时间：2020 年 12 月 14 日
1475 次浏览
1 条评论
2244字数
分类：技术技巧 Typecho

# Typecho后台评论管理页作者列显示错乱，显示一竖条

> **环境：** CentOS 8 、PHP7.4 、Nginx1.19.4、Typecho1.1 (17.10.30) ~ 1.2 (18.10.23)

今天打开后台 “评论管理页”居然显示成下图这样了。。。

![](http://kmzj.8866.org:88/GitHub/dwtowen/blog/img/Typecho%E5%90%8E%E5%8F%B0%E8%AF%84%E8%AE%BA%E7%AE%A1%E7%90%86%E9%A1%B5%E4%BD%9C%E8%80%85%E5%88%97%E6%98%BE%E7%A4%BA%E9%94%99%E4%B9%B1%EF%BC%8C%E6%98%BE%E7%A4%BA%E4%B8%80%E7%AB%96%E6%9D%A1/01.png)

# 一、问题排查(可跳过)

于是问了其他博主，结果其他博主显示均正常，开始以为是使用了什么插件造成的，于是一个个插件全都停了一遍，结果依然复现样式错乱问题 - 让我好是郁闷！🤣

想了下，为什么别人的正常，而我在评论这块的样式根本都没调整过。。那么有可能是评论内容造成的样式错乱了。

于是开始检查是不是评论内容里边有什么特殊的标签，经过全部评论检查了一遍，并未发现有异常标签属性；于是新部署一套 typecho 发觉评论显示正常。

回头继续看错乱的品论内容，发觉图片的评论内容，较大（宽度大）的图片会显示不全（溢出），于是怀疑是评论图片问题，开始调试，给图片加上 `width：100%;` 属性后终于正常了 ；

至于 为什么是 `width：100%; ` 你也不用多问，总之呢，中间遇到很多坑！什么给 `td` 加上 `float: ;` `display: ;` 都不行，会有属性冲突；😀 当然，如果你有更好的办法，欢迎在评论区给我留言。
</div>

# 二、方法实现

### 1、直接加样式

可直接在 Typecho 样式文件 style.css 中加入评论 img 标签的属性；

**style.css路径**

```
admin/css/style.css
```

如下：定位到评论 img 标签选择器。
<div class="tip inlineBlock warning">

这里不能单纯的使用 ID 选择器(原因：每一页评论的 ID 均不一样，这里必须全局绝对定位到 img)
</div>

**如下**

```
body > div.main > div > div.row.typecho-page-main > div > form > div > table > tbody > tr > td > div > p > img
```

在 `admin/css/style.css` 最后加上如下属性

```
body > div.main > div > div.row.typecho-page-main > div > form > div > table > tbody > tr > td > div > p > img{width:100%;}
```

### 2、引入样式

可在Typecho评论代码页文件中引入外部CSS样式

```
<link rel="stylesheet" href="https://github.com/dwtowen/blog/blob/master/css/Typecho/comments.css">
```

这样，评论页显示就会正常了。

End Thanks!🥱

最后修改：2022 年 06 月 17 日

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

1 条评论

kano酱
February 9th, 2022 at 10:51 am

感谢，问题解决了

回复

chiakun
请问一下htc vive 连接chrome webxr 有研究过吗
记忆
加油！
Jason
谢谢，但这个似乎不兼容 Office365 或outlook....
Jason
你好博主，可否把留言邮件提醒的插件发我一份？多谢！
二表哥
这只是你的观点

Typecho后台评论管理页作者列显示错乱，显示一竖条

Dwtowen • 2020 年 12 月 14 日

# Typecho后台评论管理页作者列显示错乱，显示一竖条

> **环境：** CentOS 8 、PHP7.4 、Nginx1.19.4、Typecho1.1 (17.10.30) ~ 1.2 (18.10.23)

今天打开后台 “评论管理页”居然显示成下图这样了。。。

# 一、问题排查(可跳过)

想了下，为什么别人的正常，而我在评论这块的样式根本都没调整过。。那么有可能是评论内容造成的样式错乱了。

# 二、方法实现

### 1、直接加样式

可直接在 Typecho 样式文件 style.css 中加入评论 img 标签的属性；

**style.css路径**

```
admin/css/style.css
```

如下：定位到评论 img 标签选择器。
<div class="tip inlineBlock warning">

这里不能单纯的使用 ID 选择器(原因：每一页评论的 ID 均不一样，这里必须全局绝对定位到 img)
</div>

**如下**

```
body > div.main > div > div.row.typecho-page-main > div > form > div > table > tbody > tr > td > div > p > img
```

在 `admin/css/style.css` 最后加上如下属性

```
body > div.main > div > div.row.typecho-page-main > div > form > div > table > tbody > tr > td > div > p > img{width:100%;}
```

### 2、引入样式

可在Typecho评论代码页文件中引入外部CSS样式

```
<link rel="stylesheet" href="https://github.com/dwtowen/blog/blob/master/css/Typecho/comments.css">
```

这样，评论页显示就会正常了。

End Thanks!🥱

Typecho后台评论管理页作者列显示错乱，显示一竖条

发表评论取消回复

1 条评论

MacBook 开机直接显示闪电图标和USB链接图标

SQL Server 2019安装到最后报错，服务没有及时响应启动或控制请求

VSCode批量删除指定字符、批量删除某一字符的所有行、批量删除空白行

7zip批量压缩文件夹批量打包

KMS服务器地址整理大全

MariaDB重置密码

CentOS安装新版python和pip

Centos8 安装最新版Docker 19.03.7报错

文章发布出错测试

更改WINDOWS 中更改鼠标滚轮的滚动方向，像苹果一样自然滚动

Typecho后台评论管理页作者列显示错乱，显示一竖条

发表评论 取消回复

1 条评论

Typecho后台评论管理页作者列显示错乱，显示一竖条

发表评论取消回复