我知道这个问题已经被问过很多次了,但是我从来没有看到一个满意的答案。我的意思是,一个实际有效的答案。所以,我们再来一次。拿这个jsFiddle:http://jsfiddle.net/KFMyn/3/如果您从HTML中删除align="center",您需要使用什么CSS才能使结果看起来与原来的一样?我找到的答案通常是margin:0auto和/或text-align:center但这些都没有使结果看起来像预期的效果和原来的一样。 最佳答案 文本居中覆盖了大部分文本元素,但还需要一点额外的居中对齐表格div{width:400px;
似乎有一些魔力我不明白的元素。考虑这个标记:SomeTextSomeText还有这个CSS:.button{background:darkgrey;height:40px;border:2pxsolidgrey;width:100%;box-sizing:border-box;font-size:14px;font-family:helvetica;text-align:center;margin-bottom:20px;/*I'mawareIcouldusethistocenterit*//*line-height:40px;*/}是什么让按钮元素中的文本垂直居中?Webkit似乎预
似乎有一些魔力我不明白的元素。考虑这个标记:SomeTextSomeText还有这个CSS:.button{background:darkgrey;height:40px;border:2pxsolidgrey;width:100%;box-sizing:border-box;font-size:14px;font-family:helvetica;text-align:center;margin-bottom:20px;/*I'mawareIcouldusethistocenterit*//*line-height:40px;*/}是什么让按钮元素中的文本垂直居中?Webkit似乎预
我想要我的元素位于容器的中心,就像完全居中一样——顶部、底部、左侧和右侧的边距均等地分隔空间。我怎样才能做到这一点?div{width:300px;height:100px;}p{position:absolute;top:auto;}Iwantthisparagraphtobeatthecenter,butit'snot. 最佳答案 你不需要绝对定位使用p{text-align:center;line-height:100px;}并随意调整...如果文本超出宽度且超过一行在这种情况下,您可以做的调整是在您的规则中包含显示属性,如下
我想要我的元素位于容器的中心,就像完全居中一样——顶部、底部、左侧和右侧的边距均等地分隔空间。我怎样才能做到这一点?div{width:300px;height:100px;}p{position:absolute;top:auto;}Iwantthisparagraphtobeatthecenter,butit'snot. 最佳答案 你不需要绝对定位使用p{text-align:center;line-height:100px;}并随意调整...如果文本超出宽度且超过一行在这种情况下,您可以做的调整是在您的规则中包含显示属性,如下
我正在浏览我刚刚完成的网站,并修复了一些可访问性问题。我有一个表格:EnteryourEmailAddresstoreceiveourWeeklyNewsletter这被标记了,因为他们没有标记来识别用于输入电子邮件地址的输入字段。所以我将标签更改为如下标签:EnteryourEmailAddresstoreceiveourWeeklyResearch和CSS:#formItemlabel{text-align:center;line-height:150%;font-size:.85em;}但文本显示为左对齐,而不是居中。我环顾四周,没有明显的错误。这在FF3.x和IE7.x中都发生
我正在浏览我刚刚完成的网站,并修复了一些可访问性问题。我有一个表格:EnteryourEmailAddresstoreceiveourWeeklyNewsletter这被标记了,因为他们没有标记来识别用于输入电子邮件地址的输入字段。所以我将标签更改为如下标签:EnteryourEmailAddresstoreceiveourWeeklyResearch和CSS:#formItemlabel{text-align:center;line-height:150%;font-size:.85em;}但文本显示为左对齐,而不是居中。我环顾四周,没有明显的错误。这在FF3.x和IE7.x中都发生
我正在使用一个占父div高度100%的div。div只包含一行文本。div不能有固定的高度。所以我的问题是。如何使文本行垂直居中?我试过使用:display:table-cell;line-height:200%;如果div绝对定位很重要。当前CSS.requests{position:absolute;right:0;height:100%;width:50px;padding:010px;background-color:#69A4B5;display:table-cell;vertical-align:middle;border-bottom-right-radius:5px;}
我正在使用一个占父div高度100%的div。div只包含一行文本。div不能有固定的高度。所以我的问题是。如何使文本行垂直居中?我试过使用:display:table-cell;line-height:200%;如果div绝对定位很重要。当前CSS.requests{position:absolute;right:0;height:100%;width:50px;padding:010px;background-color:#69A4B5;display:table-cell;vertical-align:middle;border-bottom-right-radius:5px;}
我使用SVGLogo作为背景图片,但我似乎无法让它在InternetExplorer(编辑:和Safari)中正确地左对齐。容器看起来像这样:使用样式:#header{width:100%;max-width:1200px;height:100%;}#logo{background:url(../images/ss_logo.svg);background-position:leftcenter;width:100%;height:100%;float:left;}您可以看到应跨越其父元素的100%,但将Logo显示在元素的左侧。这在Chrome和Safari中工作正常,但Logo始终