草庐IT

centering

全部标签

html - <div align ="center"> 的 CSS 替换

我知道这个问题已经被问过很多次了,但是我从来没有看到一个满意的答案。我的意思是,一个实际有效的答案。所以,我们再来一次。拿这个jsFiddle:http://jsfiddle.net/KFMyn/3/如果您从HTML中删除align="center",您需要使用什么CSS才能使结果看起来与原来的一样?我找到的答案通常是margin:0auto和/或text-align:center但这些都没有使结果看起来像预期的效果和原来的一样。 最佳答案 文本居中覆盖了大部分文本元素,但还需要一点额外的居中对齐表格div{width:400px;

html - 是什么让 <button> 元素上的文本垂直居中?

似乎有一些魔力我不明白的元素。考虑这个标记: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似乎预

html - 是什么让 <button> 元素上的文本垂直居中?

似乎有一些魔力我不明白的元素。考虑这个标记: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似乎预

html - 如何将 <p> 元素置于 <div> 容器的中心?

我想要我的元素位于容器的中心,就像完全居中一样——顶部、底部、左侧和右侧的边距均等地分隔空间。我怎样才能做到这一点?div{width:300px;height:100px;}p{position:absolute;top:auto;}Iwantthisparagraphtobeatthecenter,butit'snot. 最佳答案 你不需要绝对定位使用p{text-align:center;line-height:100px;}并随意调整...如果文本超出宽度且超过一行在这种情况下,您可以做的调整是在您的规则中包含显示属性,如下

html - 如何将 <p> 元素置于 <div> 容器的中心?

我想要我的元素位于容器的中心,就像完全居中一样——顶部、底部、左侧和右侧的边距均等地分隔空间。我怎样才能做到这一点?div{width:300px;height:100px;}p{position:absolute;top:auto;}Iwantthisparagraphtobeatthecenter,butit'snot. 最佳答案 你不需要绝对定位使用p{text-align:center;line-height:100px;}并随意调整...如果文本超出宽度且超过一行在这种情况下,您可以做的调整是在您的规则中包含显示属性,如下

html - 文本对齐 :center won't work with form <label> tag (? )

我正在浏览我刚刚完成的网站,并修复了一些可访问性问题。我有一个表格:EnteryourEmailAddresstoreceiveourWeeklyNewsletter这被标记了,因为他们没有标记来识别用于输入电子邮件地址的输入字段。所以我将标签更改为如下标签:EnteryourEmailAddresstoreceiveourWeeklyResearch和CSS:#formItemlabel{text-align:center;line-height:150%;font-size:.85em;}但文本显示为左对齐,而不是居中。我环顾四周,没有明显的错误。这在FF3.x和IE7.x中都发生

html - 文本对齐 :center won't work with form <label> tag (? )

我正在浏览我刚刚完成的网站,并修复了一些可访问性问题。我有一个表格:EnteryourEmailAddresstoreceiveourWeeklyNewsletter这被标记了,因为他们没有标记来识别用于输入电子邮件地址的输入字段。所以我将标签更改为如下标签:EnteryourEmailAddresstoreceiveourWeeklyResearch和CSS:#formItemlabel{text-align:center;line-height:150%;font-size:.85em;}但文本显示为左对齐,而不是居中。我环顾四周,没有明显的错误。这在FF3.x和IE7.x中都发生

html - 在 100% 高度 div 中垂直居中文本?

我正在使用一个占父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;}

html - 在 100% 高度 div 中垂直居中文本?

我正在使用一个占父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;}

html - svg 背景图像位置始终在 Internet Explorer 中居中,尽管背景位置为 : left center;

我使用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始终