HTML元素格局学习1 - 绝对居中-HTML教程-爱易网页

HTML元素格局学习1 - 绝对居中

日期：2014-05-17　浏览次数：20810 次

HTML元素布局学习1 -- 绝对居中

在这里我分为三个文件来练习: all.elehtml.js elehtml-buju.html??all.elehtml.css

在这里先贴出all.elehtml.js 的内容

接下来看 elehtml-buju.html的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HTML元素布局学习</title>
</head>
<body>

<div id='container'>
	
</div>

<div id='container1'>
	
</div>


</body>
</html>

<link href='css/bjextreme/all.elehtml.css' rel='stylesheet' type='text/css'> 
<script src='js/debug/nitobibug/compressed.js' type='text/javascript'></script>
<script src='js/bjextreme/all.elehtml.js' type='text/javascript'></script>

有这两个我们可以看到 BJExtreme.Dom.$c.test(); 运行成功,可以动态创建HTML元素

下一步,我们将通过all.elehtml.css' 文件来使得这两个div 绝对居中[左右居中和上下居中],如图: