2011-07-12 111 views
1

我想中心一個div,但由於它是一個塊和一般的文本或圖像被內聯它不工作...... div內的東西獲取居中,但不是div本身...如何我可以這樣做嗎?我用盡了一堆來自谷歌的事情,但我無法得到它的工作...居中一個div

http://dev.icalapp.rogersdigitalmedia.com.rogers-test.com/menutest.htm

感興趣的代碼如下:

<head> 
<script type="text/javascript"> 

var mygallery=new fadeSlideShow({ 
    wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow 
    dimensions: [500, 360], //width/height of gallery in pixels. Should reflect dimensions of largest image 
    imagearray: [ 
     ["01.jpg"], 
     ["02.jpg"], 
     ["03.jpg"], 
     ["04.jpg"] //<--no trailing comma after very last image element! 
    ], 
    displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false}, 
    persist: false, 
    fadeduration: 500, //transition duration (milliseconds) 
    descreveal: "ondemand", 
    togglerid: "" 
}) 




</script> 

</head> 

<body> 
<div id="fadeshow1"></div> 
</body> 
+0

這是許多其他的做題重複。請參閱本頁右欄的鏈接。 – Sparky

回答

2

在CSS

#fadeshow1{ 

margin-left: auto; 
margin-right: auto; 
width: THE WIDTH OF THE DIV 
} 
+1

非常感謝!我花了很多時間,這很有魅力。 –

3

這是你如何居中的div,用CSS:

#fadeshow1 { margin:0 auto; } 
+1

是的,並確保你有一個寬度。如果它是父div的100%,它將不會居中。 – Jaspero

+0

哦,沒錯:D – Phil

1
  1. 的div有具有寬度指定。
  2. 您需要添加樣式margin-left:auto;margin-right:auto;