Tag: 中心的

将浮动div集中在另一个div中: 我search了其他的问题，虽然这个问题似乎与其他几个类似，但我迄今为止所看到的一切似乎都没有解决我所遇到的问题。我有一个包含一些其他div的div，每个div都是左移的。这些div每个包含一张照片和一个标题。我想要的只是一组照片在包含div的中心。正如你从下面的代码可以看到的，我已经尝试在父div上使用overflow:hidden和margin:x auto ，并且在照片之后还添加了一个clear:both （正如另一个主题中所build议的那样）。没有什么似乎有所作为。谢谢。我感谢任何build议。 <div style="position: relative; margin: 0 auto; overflow: hidden; text-align: center;"> <h4>Section Header</h4> <div style="margin: 2em auto;"> <div style="float: left; margin: auto 1.5em;"> <img src="photo1.jpg" /><br /> Photo Caption </div> <div style="float: left; margin: auto 1.5em;"> <img src="photo2.jpg" /><br /> Photo Caption </div> <div style="float: […]

我如何集中浮动元素？: 我正在实施分页，并且需要以中心为中心。问题是链接需要显示为块，所以他们需要浮动。但是，然后， text-align: center; 对他们不起作用。我可以通过给左边的包装div填充来实现，但是每个页面都有不同数量的页面，所以这是行不通的。这是我的代码： .pagination { text-align: center; } .pagination a { display: block; width: 30px; height: 30px; float: left; margin-left: 3px; background: url(http://img.dovov.comstructure/pagination-button.png); } .pagination a.last { width: 90px; background: url(http://img.dovov.comstructure/pagination-button-last.png); } .pagination a.first { width: 60px; background: url(http://img.dovov.comstructure/pagination-button-first.png); } <div class='pagination'> <a class='first' href='#'>First</a> <a href='#'>1</a> <a href='#'>2</a> <a […]