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; 强制在同一行内显示所有文本,