<style type="text/css">

樣式名稱{

text-align: center;

}

水平居中

1. 利用margin: 0 auto實現圖片水平居中

利用margin: 0 auto實現圖片居中就是在圖片上加上css樣式margin: 0 auto 如下：

<div?style="text-align:?center;?width:?500px;?border:?green?solid?1px;"><img?alt=""?src="https://www.baidu.com/img/baidu_jgylogo3.gif"?style="margin:?0?auto;"?/></div>

2.利用文本的水平居中屬性text-align: center

代碼如下:

<div?style="text-align:?center;?width:?500px;?border:?green?solid?1px;"><img?alt=""?src="https://www.baidu.com/img/baidu_jgylogo3.gif"?style="display:?inline-block;"?/></div>

在</title>后面加入

<style type="text/css">

? ? ? ? p{

? ? ? ? ? ?text-align:center;? ? ? ??

? ? ? ? ?} ??

</style>

align=center

text-align:center;

對于需要居中的地方：比如 div{text-align:center;}

div{text-align:center;}

<div>內容</div>

text-align:center;

善用百度