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

最新推荐文章于 2022-08-26 10:37:49 发布

许一沐

最新推荐文章于 2022-08-26 10:37:49 发布

阅读量271

点赞数

分类专栏： HTML CSS JavaScript C C++

本文链接：https://blog.csdn.net/vb2005xu/article/details/52538940

版权

JavaScript 同时被 3 个专栏收录

26 篇文章 0 订阅

订阅专栏

HTML

25 篇文章 0 订阅

订阅专栏

CSS

23 篇文章 0 订阅

订阅专栏

在这里我分为三个文件来练习: 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 绝对居中[左右居中和上下居中],如图: