需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<style>标签中,输入css代码:
div {position: relativeborder: 1px solid greenwidth: 200pxheight: 80px}
span {position: absolutebottom: 0}
3、浏览器运行index.html页面,此时成功实现了“文本”2个文字放到绿色div框的左下角。
左对齐的设定方式:表格的左对齐和文字的左对齐是一样的,都是用text-align:left;当然这个是默认的属性,不需要设置就是左对齐,如果是在之前写过其他的对其方式造成了居中或者右对齐,那只需要给td加上text-align:left;就可以了。
绝对居左下的方式:
表格包括任何的标签都是不能默认绝对居下的,都是需要通过css样式控制的,这个就要用到定位。给table添加一个绝对定位position:absoluteleft:0bottom:0也需要给他的某个父级添加一个相对定位。