2013-06-08 40 views
10

Tôi đang cố gắng căn giữa một div, là ứng dụng Microsoft pubCenter AdControl cho Windows 8 trong HTML5/JavaScript.Dọc theo chiều ngang một DIV ở trang

<div id="myAd" style="; top: 0%; width: 292px; height: 60px; z-index: 1" 
     data-win-control="MicrosoftNSJS.Advertising.AdControl" 
     data-win-options="{applicationId: 'exampleAdId', adUnitId: 'exampleAdUnit'}"> 
    </div> 

Làm cách nào để đặt giữa một div theo chiều ngang sao cho luôn nằm giữa trang?

+1

có thể muốn xem xét điều này [câu hỏi] (http://stackoverflow.com/questions/16670025/css-to-centralise-a-html5-div -at-the-bottom-of-the-screen/16674978 # 16674978) – Sushil

Trả lời

5

bạn có thể sử dụng css chỉ

left:50%;margin-left:-146px; 

điểm là để thiết lập lề trái như một nửa chiều rộng div

+0

Điều đó đã làm điều đó, cảm ơn! – ReignOfComputer

+11

Hoặc sử dụng 'lề: 0 tự động' ... Đơn giản hơn nhiều. –

17

Thêm margin:auto trong thẻ style="" của bạn và rằng nên làm các trick.

khả năng khác, align=center

-5

bạn có thể sử dụng align='center' trong <div> thẻ

+1

Điều này không được hỗ trợ bởi html5 –

2

bạn có thể sử dụng chỉ đơn giản là lớp này đến trung tâm tuyệt đối

.ab_center 
{ 
    height:300px; 
    width:300px; 
    background-color:#27f305; 
    position:absolute; 
    margin:auto; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
} 

Ví dụ fiddle: http://jsfiddle.net/devesh_dc/dzyvmt0o/

0

Found on khác trang web cho HTML5, C# và VS2015. Thêm vào css: #wrapper { width: 600px;margin: auto;} và quấn nội dung của bạn với:
<form id="form1"> <div id="wrapper"> Content </div> </form>