wordpress 如何修改css增加頁(yè)面寬度

.detail?p?{

讓客戶(hù)滿(mǎn)意是我們工作的目標(biāo)，不斷超越客戶(hù)的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶(hù)，將通過(guò)不懈努力成為客戶(hù)在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：國(guó)際域名空間、網(wǎng)頁(yè)空間、營(yíng)銷(xiāo)軟件、網(wǎng)站建設(shè)、亭湖網(wǎng)站維護(hù)、網(wǎng)站推廣。

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

color:?#000;

width:?1030px;

margin:?0?auto;

修改width后面的數(shù)值即可

wordpress博客文章頁(yè)面加寬的方法

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

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

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

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

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

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

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

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

第二步：自動(dòng)頁(yè)面居中

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

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

（隨便說(shuō)一下，在 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?浮到左邊，左右兩邊都沒(méi)有東西，并且寬度為：750px：（輸入心中想要的寬度）

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

保存并刷新瀏覽器。

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

給側(cè)邊欄增加其余的 10 像素的頁(yè)邊空白?，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 的雙倍頁(yè)邊距 bug

Internet Explorer?有個(gè)雙倍頁(yè)邊距的 bug，這樣在 IE 下，我們的頁(yè)面距就是 20像素，20像素的頁(yè)邊距可能會(huì)破壞布局并把側(cè)邊欄擠到頁(yè)面的底部，因?yàn)橐粋€(gè)20像素的頁(yè)邊距使得 Container 和 Sidebar 的寬度之和為 760px 而不是 750px。為了解決這個(gè)問(wèn)題，增加?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博客,網(wǎng)頁(yè)寬度設(shè)置了1280px,但顯示出來(lái)寬1152px,即只顯示了90%,請(qǐng)問(wèn)怎么調(diào)整.

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

分享題目：wordpress寬度 wordpress圖片尺寸
URL標(biāo)題：http://jinyejixie.com/article36/ddoihpg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、、品牌網(wǎng)站制作、外貿(mào)建站、建站公司、用戶(hù)體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)