真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

wordpress寬度 wordpress如何修改頁面寬度

我的wordpress博客,網(wǎng)頁寬度設(shè)置了1280px,但顯示出來寬1152px,即只顯示了90%,請問怎么調(diào)整.

你如果想顯示1280,按比例調(diào)整即可,也就是用1280/0.9得到你想要的寬度,至于你這個(gè)問題,應(yīng)該是div設(shè)置了左右邊距,看看css里面有沒有padding的屬性,陌小雨博客提供wordpress一站式服務(wù),不客氣^_^

成都網(wǎng)站建設(shè)、成都網(wǎng)站制作介紹好的網(wǎng)站是理念、設(shè)計(jì)和技術(shù)的結(jié)合。創(chuàng)新互聯(lián)建站擁有的網(wǎng)站設(shè)計(jì)理念、多方位的設(shè)計(jì)風(fēng)格、經(jīng)驗(yàn)豐富的設(shè)計(jì)團(tuán)隊(duì)。提供PC端+手機(jī)端網(wǎng)站建設(shè),用營銷思維進(jìn)行網(wǎng)站設(shè)計(jì)、采用先進(jìn)技術(shù)開源代碼、注重用戶體驗(yàn)與SEO基礎(chǔ),將技術(shù)與創(chuàng)意整合到網(wǎng)站之中,以契合客戶的方式做到創(chuàng)意性的視覺化效果。

wordpress博客文章頁面加寬的方法

在我們開始之前,打開?Xampp Control,主題文件夾,F(xiàn)irefox?瀏覽器,IE?瀏覽器,index.php和style.css這兩個(gè)文件。

第一步:設(shè)置頁面總體寬度

需要把現(xiàn)在主題中的所有的東西(header,container,sidebar 和 footer)放入一個(gè) 自己想定義的寬度 的 DIV 標(biāo)簽中。

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

在?/body?之前增加:/div

在?style.css?文件中輸入以下代碼:

在 CSS,#?號是通過?id?來定位頁面中的元素,而點(diǎn)號是通過?class?來定位頁面中的元素,如果你的代碼是?div class=”wrapper”,那么就應(yīng)該用?.wrapper?來替代?#wrapper?去定位wrapper?這個(gè) DIV 標(biāo)簽。

同時(shí)保存?index.php?和?style.css?文件。刷新 Firefox 和 IE 瀏覽器(按 F5)查看所做的改動(dòng)。

第二步:自動(dòng)頁面居中

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

為什么?(我假設(shè)你使用的是 Firefox 和 Internet Explorer 6)。你的布局可能你看起來是正確的,但對于使用早前版本的 IE 用戶可能不正確。還記得設(shè)置左邊和右邊的頁邊空白為自動(dòng)是居中嗎?但是這并不是對所有的 IE 都適用,所以?body{ text-align: center; }?是讓?wrapper?DIV 居中在舊版本 IE 的一種解決方案。

(隨便說一下,在 Firefox 和 IE 中文本大小是不同的,我們稍后解決。)

第三步:設(shè)置 header 寬度和布局

讓?Header?浮到左邊并且設(shè)置它的寬度為 750px:(輸入心中想要的寬度)

第四步:設(shè)置 Container 寬度和布局

讓?Container?浮到左邊并且寬度為 500px:(輸入心中想要的寬度)

第五步:設(shè)置 Sidebar 寬度和布局

讓?Sidebar?浮到左邊,寬度為240px,并且給它灰色的背景:(輸入心中想要的寬度)

#ffffff 是白色而background: #eeeeee;?是非常淺的灰色。我們給側(cè)邊欄增加一個(gè)背景顏色只是去查看當(dāng)增加剩下的 10 像素之后的不同之處。

第六步:設(shè)置 Footer 的寬度和布局

讓?Footer?浮到左邊,左右兩邊都沒有東西,并且寬度為:750px:(輸入心中想要的寬度)

Header?和?Footer?的樣式有什么區(qū)別呢?答案是?footer{}?中有?clear: both;。它在那兒使得 Footer 不能和它上面的東西(如 Sidebar 或者 Container)連接起來。

保存并刷新瀏覽器。

第七步:給側(cè)邊欄增加其余的 10 像素

給側(cè)邊欄增加其余的 10 像素的頁邊空白?,F(xiàn)在側(cè)邊欄的 CSS 應(yīng)該是:

保存并刷新瀏覽器去查看 10 像素的空白增加到側(cè)邊欄的左邊了。

margin: 0 0 0 10px;?具體的意思是:上邊空白為0,右邊空白為0,底部空白為0,左邊空白為10像素。當(dāng)大小為0的時(shí)候,px?單位不是必需的。

第8步(額外的步驟):修正 IE 的雙倍頁邊距 bug

Internet Explorer?有個(gè)雙倍頁邊距的 bug,這樣在 IE 下,我們的頁面距就是 20像素,20像素的頁邊距可能會破壞布局并把側(cè)邊欄擠到頁面的底部,因?yàn)橐粋€(gè)20像素的頁邊距使得 Container 和 Sidebar 的寬度之和為 760px 而不是 750px。為了解決這個(gè)問題,增加?display: inline;?到側(cè)邊欄?,F(xiàn)在你的側(cè)邊欄應(yīng)該是:

現(xiàn)在的 index.php 和 style.css 文件應(yīng)該和教程源代碼文件夾中的 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后面的數(shù)值即可


網(wǎng)站欄目:wordpress寬度 wordpress如何修改頁面寬度
URL分享:http://weahome.cn/article/dohispj.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部