CSS

A collection of 2 posts

CSS

WordPress 技巧：让 pre 标签自动换行

技术类 Blog 在成长过程中总会遇到使用代码的情况，你是用什么方式显示代码的呢？ NetPuter 是用插件 WP-Syntax 实现的，这款插件优点就是简洁，支持的语言语法很多。但我在使用过程中也发现了一个问题，就是不会自动换行。感觉很多人也会遇到这个问题，今天就来告诉大家如何通过 CSS 使 WP-Syntax 等利用 pre 标签的插件自动换行！ 让 pre 标签自动换行 为了方便演示，本文的效果都是截图，而代码则来自《WordPress 技巧：在 SEO 面前砍掉多余内容》。 嗯，如果不是在代码中换行，代码就会整一行的显示出来。根据源码我们可以发现在 pre 标签中显示代码的名为 Code 的 Class ，因此我们就能针对其进行修改啦！请出超强大的 CSS ！ .code
CSS

WordPress 技巧：在 SEO 面前砍掉多余内容

感觉又是一篇标题党入党申请书的范文……直接进入正题，童鞋（好像你们不喜欢看到童鞋这个词，如果是的话我可以改口）喜欢在侧边栏显示最新文章、最新评论、饭否最新动态以及其他的信息，但是如果显示的内容太多又会导致页面不美观，直接砍掉多余的内容吧，可能会不好看，再者影响 SEO 。有没有……有，当然有。今天 NetPuter 就给大家介绍下如何在SEO面前砍掉多余内容。（感觉今天的这个情景预设的不好 T^T ） 如何在SEO面前砍掉多余内容 CSS ，又是 CSS 。代码如下： #sidebar { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 这里简单解释下这3个CSS参数是什么： overflow: hidden; 不显示超过对象尺寸的内容 text-overflow: ellipsis; 当对象内文本溢出时显示省略标记“...” white-space: nowrap; 强制在同一行内显示所有文本，