wordpress宽度 wordpress如何修改页面宽度

我的wordpress博客,网页宽度设置了1280px,但显示出来宽1152px,即只显示了90%,请问怎么调整.

你如果想显示1280,按比例调整即可,也就是用1280/0.9得到你想要的宽度,至于你这个问题,应该是div设置了左右边距,看看css里面有没有padding的属性,陌小雨博客提供wordpress一站式服务,不客气^_^

成都网站建设、成都网站制作介绍好的网站是理念、设计和技术的结合。创新互联建站拥有的网站设计理念、多方位的设计风格、经验丰富的设计团队。提供PC端+手机端网站建设,用营销思维进行网站设计、采用先进技术开源代码、注重用户体验与SEO基础,将技术与创意整合到网站之中,以契合客户的方式做到创意性的视觉化效果。

wordpress博客文章页面加宽的方法

在我们开始之前,打开 Xampp Control,主题文件夹,Firefox 浏览器,IE 浏览器,index.php和style.css这两个文件。

第一步:设置页面总体宽度

需要把现在主题中的所有的东西(header,container,sidebar 和 footer)放入一个 自己想定义的宽度 的 DIV 标签中。

在 body 之后增加:div id=”wrapper”

在 /body 之前增加:/div

在 style.css 文件中输入以下代码:

在 CSS,# 号是通过 id 来定位页面中的元素,而点号是通过 class 来定位页面中的元素,如果你的代码是 div class=”wrapper”,那么就应该用 .wrapper 来替代 #wrapper 去定位wrapper 这个 DIV 标签。

同时保存 index.php 和 style.css 文件。刷新 Firefox 和 IE 浏览器(按 F5)查看所做的改动。

第二步:自动页面居中

把 body{} 中的 text-align: left; 改成 text-align: center;。

为什么?(我假设你使用的是 Firefox 和 Internet Explorer 6)。你的布局可能你看起来是正确的,但对于使用早前版本的 IE 用户可能不正确。还记得设置左边和右边的页边空白为自动是居中吗?但是这并不是对所有的 IE 都适用,所以 body{ text-align: center; } 是让 wrapper DIV 居中在旧版本 IE 的一种解决方案。

(随便说一下,在 Firefox 和 IE 中文本大小是不同的,我们稍后解决。)

第三步:设置 header 宽度和布局

让 Header 浮到左边并且设置它的宽度为 750px:(输入心中想要的宽度)

第四步:设置 Container 宽度和布局

让 Container 浮到左边并且宽度为 500px:(输入心中想要的宽度)

第五步:设置 Sidebar 宽度和布局

让 Sidebar 浮到左边,宽度为240px,并且给它灰色的背景:(输入心中想要的宽度)

#ffffff 是白色而background: #eeeeee; 是非常浅的灰色。我们给侧边栏增加一个背景颜色只是去查看当增加剩下的 10 像素之后的不同之处。

第六步:设置 Footer 的宽度和布局

让 Footer 浮到左边,左右两边都没有东西,并且宽度为:750px:(输入心中想要的宽度)

Header 和 Footer 的样式有什么区别呢?答案是 footer{} 中有 clear: both;。它在那儿使得 Footer 不能和它上面的东西(如 Sidebar 或者 Container)连接起来。

保存并刷新浏览器。

第七步:给侧边栏增加其余的 10 像素

给侧边栏增加其余的 10 像素的页边空白。现在侧边栏的 CSS 应该是:

保存并刷新浏览器去查看 10 像素的空白增加到侧边栏的左边了。

margin: 0 0 0 10px; 具体的意思是:上边空白为0,右边空白为0,底部空白为0,左边空白为10像素。当大小为0的时候,px 单位不是必需的。

第8步(额外的步骤):修正 IE 的双倍页边距 bug

Internet Explorer 有个双倍页边距的 bug,这样在 IE 下,我们的页面距就是 20像素,20像素的页边距可能会破坏布局并把侧边栏挤到页面的底部,因为一个20像素的页边距使得 Container 和 Sidebar 的宽度之和为 760px 而不是 750px。为了解决这个问题,增加 display: inline; 到侧边栏。现在你的侧边栏应该是:

现在的 index.php 和 style.css 文件应该和教程源代码文件夹中的 index-lesson-11.txt 和 style-lesson-11.txt 一致了。

wordpress 如何修改css增加页面宽度

.detail p {

font: 14px/30px "Microsoft Yahei";

color: #000;

width: 1030px;

margin: 0 auto;

修改width后面的数值即可


新闻名称:wordpress宽度 wordpress如何修改页面宽度
网页地址:http://scjbc.cn/article/dohispj.html

其他资讯