计算机与现代化
計算機與現代化
계산궤여현대화
COMPUTER AND MODERNIZATION
2014年
6期
53-55,60
,共4页
CSS+DIV%网页设计%网页布局%自适应宽度
CSS+DIV%網頁設計%網頁佈跼%自適應寬度
CSS+DIV%망혈설계%망혈포국%자괄응관도
CSS+DIV%page design%page layout%adaptive width
CSS＋DIV网页布局方法已逐渐成为网页设计的主流技术，本文首先简要介绍目前常用布局技术的特点，然后以三行两列的网页布局为例，结合具体的代码实现，重点分析单列自适应宽度和两列自适应宽度的CSS＋DIV网页布局方式以及实现技巧。实践表明，本方法能使网页显示更加灵活，同时代码对于众多现代化的智能设备而言将更具可移植性。
CSS＋DIV網頁佈跼方法已逐漸成為網頁設計的主流技術，本文首先簡要介紹目前常用佈跼技術的特點，然後以三行兩列的網頁佈跼為例，結閤具體的代碼實現，重點分析單列自適應寬度和兩列自適應寬度的CSS＋DIV網頁佈跼方式以及實現技巧。實踐錶明，本方法能使網頁顯示更加靈活，同時代碼對于衆多現代化的智能設備而言將更具可移植性。
CSS＋DIV망혈포국방법이축점성위망혈설계적주류기술，본문수선간요개소목전상용포국기술적특점，연후이삼행량렬적망혈포국위례，결합구체적대마실현，중점분석단렬자괄응관도화량렬자괄응관도적CSS＋DIV망혈포국방식이급실현기교。실천표명，본방법능사망혈현시경가령활，동시대마대우음다현대화적지능설비이언장경구가이식성。
CSS+DIV layout schema has gradually become the core technology when design HTML page .This paper explains and compares several HTML page layout technologies in common used , and shows a self-adaption page layout pattern coded in CSS +DIV schema, which give an example of self-adaption HTML page with 2-rows and 3-clolumn.The example code focuses on the techniques of making one column adaptive to the screen when the other two are fixed , and in similar way by making two columns adaptive when only one column is fixed .So many practices have revealed that self-adaption layout pattern makes the page to dis-play more flexible and more portable when target some modern devices .
