Rumah > hujung hadapan web > html tutorial > 实现一个div在浏览器水平居中_html/css_WEB-ITnose

实现一个div在浏览器水平居中_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 11:20:57
asal
1209 orang telah melayarinya

第一种方法:

1 div {2  margin: 0 auto;3  width: 960px;4 }
Salin selepas log masuk

第二种方法(兼容IE):

body { text-align: center; }  div {    margin: 0 auto;    width: 960px;  }
Salin selepas log masuk

第三种方法(不推荐):

div {  position: relative;  left: 50%;  margin-left: -480px;  width: 960px;}
Salin selepas log masuk

 

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan