css的div盒子中,如何将文本放在左下角?

html-css011

css的div盒子中,如何将文本放在左下角?,第1张

需要准备的材料分别有:电脑、浏览器、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也需要给他的某个父级添加一个相对定位。