这个问题在这里已经有了答案:HowcanIhorizontallycenteranelement?(132个回答)关闭6年前。我知道这个问题经常被问到，但我似乎永远无法让它发挥作用。你能告诉我哪里出了问题吗？我在#containerdiv中有三个div，我想将它们并排居中。#container是1000px宽(我想保持这种状态)。这是我的代码:#container{margin-top:500px;position:absolute;width:1000px;}.related-article{background-color:#D6A400;display:inline-block;
我希望html图像与div标记的底部齐平。我似乎找不到实现此目的的方法。这是我的HTML:问题在于该div嵌套在具有填充或边距的其他div中。 最佳答案 将相对定位添加到环绕的div标签，然后将图像绝对定位在其中，如下所示:CSS:.div-wrapper{position:relative;height:300px;width:300px;}.div-wrapperimg{position:absolute;left:0;bottom:0;}HTML:现在图像位于div的底部。 关于c
我希望html图像与div标记的底部齐平。我似乎找不到实现此目的的方法。这是我的HTML:问题在于该div嵌套在具有填充或边距的其他div中。 最佳答案 将相对定位添加到环绕的div标签，然后将图像绝对定位在其中，如下所示:CSS:.div-wrapper{position:relative;height:300px;width:300px;}.div-wrapperimg{position:absolute;left:0;bottom:0;}HTML:现在图像位于div的底部。 关于c
我有2个并排的按钮，我希望在它们之间有一些按钮。以下代码将有2个按钮并排放置。我已经尝试过div的边距，但无法在两者之间获得一些不错的空间。 最佳答案 创建一个分隔类如下:.divider{width:5px;height:auto;display:inline-block;}然后将其附加到两个按钮之间的div这是最好的方法，因为它避免了盒子模型，这在旧版浏览器上可能会很痛苦，并且不会添加任何屏幕阅读器会拾取的额外字符，因此可读性更好。在某些情况下使用这些类型的div是很好的(我最常用的是vert5spacer，与此类似，但放置一个
我有2个并排的按钮，我希望在它们之间有一些按钮。以下代码将有2个按钮并排放置。我已经尝试过div的边距，但无法在两者之间获得一些不错的空间。 最佳答案 创建一个分隔类如下:.divider{width:5px;height:auto;display:inline-block;}然后将其附加到两个按钮之间的div这是最好的方法，因为它避免了盒子模型，这在旧版浏览器上可能会很痛苦，并且不会添加任何屏幕阅读器会拾取的额外字符，因此可读性更好。在某些情况下使用这些类型的div是很好的(我最常用的是vert5spacer，与此类似，但放置一个
所以我对编写代码还很陌生(大约几周)，并且在为我的网站编写代码时遇到了瓶颈。我想要这样的布局:但我不知道如何将两个盒子并排放置。一个盒子是解释我的网站的视频，而另一个盒子是注册表格。我希望这些盒子彼此相邻，它们之间的间隔大约为一英寸。我还需要有关网站标题宽度的帮助。现在看起来页眉不适合页面，导致水平滚动。有点像这样:我希望整个网站就像一个大盒子，所有内容都在那个盒子里。有人可以帮帮我吗？非常感激。提前谢谢你。 最佳答案 http://jsfiddle.net/kkobold/qMQL5/#header{width:100%;back
所以我对编写代码还很陌生(大约几周)，并且在为我的网站编写代码时遇到了瓶颈。我想要这样的布局:但我不知道如何将两个盒子并排放置。一个盒子是解释我的网站的视频，而另一个盒子是注册表格。我希望这些盒子彼此相邻，它们之间的间隔大约为一英寸。我还需要有关网站标题宽度的帮助。现在看起来页眉不适合页面，导致水平滚动。有点像这样:我希望整个网站就像一个大盒子，所有内容都在那个盒子里。有人可以帮帮我吗？非常感激。提前谢谢你。 最佳答案 http://jsfiddle.net/kkobold/qMQL5/#header{width:100%;back
我有一个父div，它可以根据可用空间改变其大小。在那个div中，我有float的div。现在，我希望这些div之间有间距，但父div没有空间(见图)。有没有办法用CSS做到这一点？谢谢 最佳答案 我找到了一个解决方案，至少对我的情况有帮助，它可能不适合其他情况:我给我所有的绿色子div一个完整的边距:margin:10px;对于周围的黄色父div，我设置了一个负边距:margin:-10px;我还必须删除黄色父div的任何显式宽度或高度设置，否则它不起作用。这样，从绝对意义上讲，子div正确对齐，尽管父黄色div显然被衬托了，在我的
我有一个父div，它可以根据可用空间改变其大小。在那个div中，我有float的div。现在，我希望这些div之间有间距，但父div没有空间(见图)。有没有办法用CSS做到这一点？谢谢 最佳答案 我找到了一个解决方案，至少对我的情况有帮助，它可能不适合其他情况:我给我所有的绿色子div一个完整的边距:margin:10px;对于周围的黄色父div，我设置了一个负边距:margin:-10px;我还必须删除黄色父div的任何显式宽度或高度设置，否则它不起作用。这样，从绝对意义上讲，子div正确对齐，尽管父黄色div显然被衬托了，在我的
我有一个带有自动建议的搜索框，它会在其下方弹出一个带有多个搜索字符串建议(如google)的div。是否可以使用CSS在自动建议框上添加阴影，或者我是否需要某种脚本？我尝试了背景图片，但建议的数量从1到10或15不等。如果可能的话，我更喜欢在IE6+和FF2+中工作的东西。谢谢! 最佳答案 这适用于我所有的浏览器:.shadow{-moz-box-shadow:0030px5px#999;-webkit-box-shadow:0030px5px#999;}然后只需给任何div影子类，不需要jQuery。
