读书人

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

发布时间: 2012-10-24 14:15:58 作者: rapoo

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

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

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

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

?

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

?

?

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

?

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

?

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

?

?

下面贴出 CSS文件的代码:

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

?

?

未完待续,请见第二部分

?

?

?

?

?

1 楼 vb2005xu 2009-03-24 /*页面文字段落缩进*/
p {
padding: 15px; border: 1px solid black;
text-indent: 2em; /*首行缩进2个字距*/
} 2 楼 vb2005xu 2009-03-24 首字下沉
p:first-letter {
padding: 6px;
font-size: 32pt;
float: left;
}

读书人网 >CSS

热点推荐