居中一个div

问题描述：

我想中心一个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>

这是许多其他的做题重复。请参阅本页右栏的链接。 – Sparky

答

在CSS

#fadeshow1{ 

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

非常感谢！我花了很多时间，这很有魅力。 –

答

这是你如何居中的div，用CSS：

#fadeshow1 { margin:0 auto; }

是的，并确保你有一个宽度。如果它是父div的100％，它将不会居中。 – Jaspero

哦，没错：D – Phil

答

的div有具有宽度指定。
您需要添加样式margin-left:auto;margin-right:auto;

相关推荐