css 布局 text-align

使得对话框中的一对按钮居中:

<div style='text-align:center'>

<button>确定</button>

<button>取消</button>

</div>

一 知识点:text-align:使得子元素的布局为居中或为左,或为右侧栏.

text-align: center;

text-align: left;

text-align: right;

注意:text-align 对子元素具有继承性,子元素的子元素仍然具有tex-align 的属性.

如果要子元素不具备这种属性,一种方式重新设置 text-align : 

二 运用text-align ,使得元素左右对齐

<div class="right">

<p>1</p>

<p>2</p><

/div>
<div class="left">

<p>3</p>

<p>4</p>

</div>

.right{
text-align: right;
display:inline-block;
}
.left{
text-align: left;
display:inline-block;
}