欄位寬度調整用法定義解釋補充說明(三欄式)

2008041418:21
蒐集:部落格HTML / CSS語法應用     2008/01/07 00:05

欄位寬度調整用法定義解釋補充說明(三欄式)

自訂樣式應用 (請勿刪除紅色標頭)
語法應用編輯補充  (二度空間)

很多格友在玩三欄或兩欄加寬,但是缺乏應用說明,希望以下可以幫助您:

a欄位寬度調整用法定義解釋補充說明。
a調整欄寬是一門學問,數據調整以文章欄位為純文字顯示時,即使不在全螢幕狀態下,甚至縮到最小,左右欄框不可有一邊往下掉,這個數據才是正確的
a使用此語法,其它的寬度設定可能影響結果,須特別注意!
a使用此語法,建議放在自訂樣式的最底層。
a以下語法上的設定值為一般寬度參考值。

/*欄框調整(三欄式)*/
.thrcol .yc3main {margin-left:-211px;} /*中間欄靠左推-數值越大越往左推-寬度不變-同時影響左欄框位移*/
.thrcol .yc3pri {margin-right:-238px;} /*中間欄靠右位移-數值越大越往右位移-寬度不變-不影響右欄框*/
.thrcol .yc3mainbd {margin-left:121px;} /*中間欄左排縮-數值越大寬度越往內縮減-同時影響左欄框位移*/
.thrcol .yc3pribd {margin-right:185px;} /*中間欄右排縮-數值越大寬度越往內縮減-不影響右欄框*/
.thrcol .yc3subbd {width:150px;margin-right:-5px;} /*右欄寬度-靠右邊界偏移量互補-數值越大越靠右邊界*/
.thrcol .yc3sec {width:150px;margin-left:80px;} /*左欄寬度-靠左邊界偏移量互補-數值越小越靠左邊界*/

貼語法路徑管理部落格面板設定自訂樣式→加入語法→確定

自訂樣式檢圖說明範例→ http://xs320.xs.to/xs320/07421/W6-4.jpg

更多語法參考 :

http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=7489