通过css样式表可以实现，如下图：效果如下：知识拓展：层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
成都创新互联公司专注于普兰店企业网站建设,响应式网站设计,电子商务商城网站建设。普兰店网站建设公司,为普兰店等地区提供建站服务。全流程按需开发网站，专业设计，全程项目跟踪，成都创新互联公司专业和态度为您提供的服务
接下来以两个矩形代表内容与容器底部，电脑打开DIV+css，然后画两个矩形。画好矩形后，输入对齐命令AL，然后按空格键确定。确定对齐命令后，选择对齐对象。
首先新建一个html文件，命名为test.html，在test.html文件内，在div内，使用p标签创建一行文字，用于测试。然后在test.html文件内，设置div标签的class属性为mydiv。
！-- 这里加上底部的DIV -- /div /body /html 补充：如果使用position：fixed；的话，要在样式里写left：200px；才可以，这里的200px不准确，你按你的实际页面来定。最好还是这个div外面再套一个div。
相对定位方式；内容给position：absolute；绝对定位；设置内容的bottom：0；。【注意】容器必须有高度，如果希望内容元素底部居中，则可以把内容（a）放在定位元素(a_wrap)中，同时把a的定位移到定位元素中。
1、如果是文字（块级元素没试过，到时候可以试一下）。那么需要给包着文字的那个div设置成 display：table-cell+ vertical：bottom。这样文字就贴着div底部了。
2、打开CSS样式面板使用“CSS样式”面板可以查看、创建、编辑和删除CSS样式，也可以将外部样式表附加到文档。
3、用Dreamweaver 8打开比较好，只要CSS样式表设计得合标准，基本不会出现挤乱情况。CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2（参考http：//）。
1、浏览器运行index.html页面，此时成功用css实现了内容在div的底部居中。
2、你可以在底部，在网页foot部分的底部，之前，放入一个div，写法：要放入的文字 在css中写入：.jz{width=1000px； margin：0 auto；text-align：center；} width是设置一个宽带，margin：0 auto；是使该div居中。
3、html设置字体居中的方法是：选中要居中的文本，随后输入代码style：text-align：center即可。
4、为了更好的示范，现打开一个html页面，从下图中可以看到，该网页是靠左显示的，在浏览器中没有居中显示，现将通过以下步骤，使该网页居中显示。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的style标签中，输入css代码：label{float：left；padding-top：4px；}。
2、接下来以两个矩形代表内容与容器底部，电脑打开DIV+css，然后画两个矩形。画好矩形后，输入对齐命令AL，然后按空格键确定。确定对齐命令后，选择对齐对象。
3、如果是文字（块级元素没试过，到时候可以试一下）。那么需要给包着文字的那个div设置成 display：table-cell+ vertical：bottom。这样文字就贴着div底部了。
4、容器给一个position：relative；相对定位方式；内容给position：absolute；绝对定位；设置内容的bottom：0；。
5、目前CSS没有底部对齐的好方法。解决方法，经常使用的一种是已知容器的高度之后，设定margin-top或者padding-top。缺点是无法自适应。这里教你一个取巧的方法，就是借助一下table。
1、在上面的 CSS 样式中，通过设置容器元素（.container）的 position 属性为 relative，使得子元素的定位是相对于容器元素进行的。
2、首先新建一个html文件，命名为test.html，在test.html文件内，在div内，使用img标签创建一张图片，使用p标签创建两个文字。 然后在test.html文件内，设置div的class属性为mydiv。
3、打开Dreamweaver创建css页面。输入以下代码，如图。切换至设计模式添加图片为背景，输入文字看最终效果，如图。
4、图片默认为内联元素，可以设置图片为块级元素，然后直接写文字就可以在图片下方了。
div 中的字体如何用CSS控制居下的方法：用margin-top 或者padding-top 设置。代码： .text {width：？px； height：？px； margin-top：10px；} //这里用margin或padding 都行。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：p {border： 1px solid #0b93d5； height： 30px； padding： 10px；}。
如果是文字或者其他块级元素。使用定位的思想。position：absolute，然后boottom：0。父元素注意要设置一下position：relative。因为绝对定位是相对于最近一个非static定位的元素的相对位置。
CSS网页布局DIV水平居中的各种方法：单行垂直居中 如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。
hehehe 因为：表格内左边距使用padding-left，而不是margin-left。margin-left叫外左边距。单元格垂直居中，设定vertical-align为middle，而不是bottom（靠下）。
