1、居左:
对要靠左对齐(局左)的div样式加float:left。
示例代码:
css部分:
HTML部分:
2、居右:
对要靠右对齐(局右)的div样式加float:right。
示例代码:
css部分:
HTML部分:
3、居中:
对要居中对齐的div样式加margin:0 auto,不再需要加float样式。
示例代码:
css部分:
扩展资料:
CSS清除浮动:
浮动:因为使用了float:left或float:right或两者都是有了而产生的浮动。
对父级设置适合CSS高度:
对父级设置适合高度样式清除浮动,一般设置高度需要能确定内容高度才能设置。
示例代码:
css部分:
.divcss5{ width:400px;border:1px solid #F00;background:#FF0; height:102px}
.divcss5-left,.divcss5-right{width:180px;height:100px;
border:1px solid #00F;background:#FFF}
divcss5-left{ float:left}
.divcss5-right{ float:right}
HTML部分:
1、div css布局之div左对齐,DIV+CSS布局完整代码:
div对齐实例 在线演示 DIVCSS5
此DIV靠左对齐显示
2、div css布局之div右对齐,DIV+CSS布局完整代码:
div对齐实例 在线演示 DIVCSS5
此DIV靠右对齐显示
3、div css布局之div居中对齐,DIV+CSS布局完整代码:
div对齐实例 在线演示 DIVCSS5
此DIV居中右对齐显示
内容位置:text-align:left; text-align:center; text-align:right;
div层位置:float:left; float:right;
如果有3个层的话
不太明白你说的居左居右是只什么
如果是文字的话 可以用text-align:left (居左)text-align:right (居右)text-align:center (居中)
如果是div这样的块元素 可以用float:left(左浮动)float:right(右浮动) 以及margin:0 auto(算是居中的一种方法)
飘,float:left,right,text-align这个也行