1、居左:
对要靠左对齐(局左)的div样式加float:left。
示例代码:
css部分:
<style>
.divcss5-left{float:leftwidth:250pxheight:50pxborder:1px solid #F00}
</style>
HTML部分:
<div class="divcss5-left">此DIV靠左对齐显示</div>
2、居右:
对要靠右对齐(局右)的div样式加float:right。
示例代码:
css部分:
<style>
.divcss5-right{float:leftwidth:250pxheight:50pxborder:1px solid #F00}
</style>
HTML部分:
<div class="divcss5-right">此DIV靠右对齐显示</div>
3、居中:
对要居中对齐的div样式加margin:0 auto,不再需要加float样式。
示例代码:
css部分:
<style>
.divcss5-cent{margin:0 autowidth:250pxheight:50pxborder:1px solid #F00}
</style>
<div class="divcss5-cent">此DIV居中右对齐显示</div>
扩展资料:
CSS清除浮动:
浮动:因为使用了float:left或float:right或两者都是有了而产生的浮动。
对父级设置适合CSS高度:
对父级设置适合高度样式清除浮动,一般设置高度需要能确定内容高度才能设置。
示例代码:
css部分:
.divcss5{ width:400pxborder:1px solid #F00background:#FF0 height:102px}
.divcss5-left,.divcss5-right{width:180pxheight:100px
border:1px solid #00Fbackground:#FFF}
divcss5-left{ float:left}
.divcss5-right{ float:right}
HTML部分:
<div class="divcss5">
<div class="divcss5-left">left浮动</div>
<div class="divcss5-right">right浮动</div>
</div>
不设置窗体大小让窗体在父容器panel控件中居中,方法如下:1、通过计算,重新定位控件的位置。
2、直接在属性界面计算出居中坐标,设置为控件的Location属性值。
CSS中设置文字右对齐可以通过代码:<p align="对齐方式">文本段落</p>来实现,操作步骤如下:
1.新建一个html文档,如下图红框所示;
2.可以给文档改个名字,如下图红框所示;
3.然后在<body>和</body>之间输入文字内容,如下图红框所示;
4.进一步设置以下文字的对齐方式,示例代码如下:<p align="center">孔雀为什么要东南飞?</p>;
5.在浏览器中预览,文字就实现了右对齐,如下图红框所示;