摘要
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 modem devices.
出处
《计算机与现代化》
2014年第6期53-55,60,共4页
Computer and Modernization
基金
2013年海南省自然科学基金资助项目(613169)
2013年海南省教育厅高等学校科学研究项目(Hjkj2013-48)
2013年海南省教育厅教育科学规划资助项目(QJY125050)
2013年海南经贸职业技术学院资助项目(hnjm2013109)
2013年海南经贸职业技术学院资助项目(JY201309)