有了这个:按钮在FF、Chrome、IE7和IE8中与浏览器窗口的中心对齐(根据需要)。但是，将“display:block”添加到按钮:按钮在IE7中与中心对齐-而在FF、Chrome和IE8中未与中心对齐。为什么？带有display:block的按钮(或任何)能否以某种方式居中对齐？(除了使用-它适用于所有提到的浏览器，顺便说一句-但它是“禁止的”......) 最佳答案 它可以这样工作:要强制block输入(最初是display:inline元素)居中，您必须设置固定宽度，然后将边距设置为0auto;)
我有一个带有display:flex的div。其内容水平和垂直居中。当div中的内容太长时，内容会换行。但是在这种情况下对齐被打破了。请参阅代码段。如果我添加text-align:center它会正确显示。但是为什么没有text-align:center就不会居中呢？.box{width:100px;height:100px;background-color:lightgreen;margin:10px;}.flex{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:cen
我在超大屏幕内有一个内联表单。我想把它居中。我尝试在超大屏幕上使用text-align:center，它确实将超大屏幕内的所有其他元素居中，除了内联表单元素。所以我不知道这里出了什么问题。这是HTML代码:MyAwesomeApp!Thisiswhyyoushoulddownloadthisfantasticapp!Wanttoknowmore?Joinourmailinglist!Email@SignUp这是CSS:body{position:relative;}#home{background-image:url('../img/jumbotron-bkg-2.jpg');marg
我在使用类来居中我的span时遇到问题:.center{float:none;margin-left:auto;margin-right:auto;}这不起作用，显然它被bootstraprow-*CSS覆盖了。但是，如果我直接在div中包含相同的样式(style="...")，它会起作用。我认为它不起作用，因为它不知道宽度，所以我尝试使用偏移量，但是当按钮不居中时以及.CSS时。我无法指定宽度，因为我的button宽度是由外部JavaScript设置的。在那种情况下，我怎样才能使.center类工作？ 最佳答案 从Bootstra
我在一个div中有一段内容，目前它位于左侧居中。Fiddle.我尝试添加一个容器div，例如:[content]但运气不好。也试过这个:[content]内容仍然左对齐。这可行，但我想找到使用CSS执行此操作的正确方法:[content]感谢协助。我很想用表格来做这件事，但我需要改掉旧习惯! 最佳答案 如果您尝试让外部div相对于其父级(body)居中，您应该将其横向边距设置为auto:bodydiv{margin:auto;}如你所见here 关于css-将外部div居中，'text-
使用CSS或JQuery(首选CSS)，是否可以采用一个div(宽度为100%)，将其内容居中，并将任何换行的内容对齐到左侧？想象一下以您的浏览器为中心的一组图标。如果您减小浏览器的宽度，而不是在第二行的中心显示环绕图标，我希望它们左对齐。我在发帖前尝试在这里搜索，但找不到与我的问题完全匹配的内容。更新:@ExplosionPills解决了它，但这里有一个更新的JSFiddle，它通过将word-wrap:pre-wrap;添加到外部div来解决IE和Chrome以外的浏览器>:http://jsfiddle.net/etY4r/2/ 最佳答案
这个问题在这里已经有了答案:Isitpossibletocentertextinselectbox?(23个回答)关闭4年前。我有一个包含占位符文本的下拉列表。在其他浏览器中，我已经能够将此占位符文本居中，但在Chrome中，text-align:center这是选择的HTML:.bookingform::-webkit-input-placeholder{/*WebKit,Blink,Edge*/color:#FFF;font-size:18px;font-family:"Raleway";text-align:center;}.bookingform:-moz-placeholde
我有一个高度固定的Bootstrap轮播。这是CSS:.carousel-custom.carousel-outer{position:relative;}@media(min-width:992px){.carousel-custom{margin-top:20px;.carousel-inner{height:auto;.item{height:500px;line-height:300px;}}}}@media(max-width:991px){.carousel-custom{margin-top:20px;.carousel-inner{height:auto;.item{h
我正在尝试使用layout-align="centercenter"，它应该将内容在垂直和水平方向上居中对齐。但它只是水平而不是垂直对齐内容。这是plnkrlink我正在尝试的代码。HelloAngular-material!FirstlineSecondline 最佳答案 它没有垂直居中的原因是因为你的包含layout-align属性的div没有高度。尝试类似的东西FirstlineSecondline 关于html-AngularMaterial布局对齐="centercenter"
如何将绝对定位的文本置于流体相对父元素的中心？我正在尝试在父元素上使用text-align:center但它始终使child的左Angular居中，而不是元素本身。http://jsfiddle.net/sucTG/2/ 最佳答案 问题在于position:absolute;修改元素的宽度以适应其内容，而text-align:center;将文本在元素block的宽度内居中.所以如果你添加一个position:absolute;不要忘记增加元素的宽度，否则text-align:center;属性将毫无用处。解决此问题的最佳方法是在.
