草庐IT

vertical-alignment

全部标签

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

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

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

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

html - Bootstrap 如何让文本在 div 容器中垂直对齐

垂直对齐列中间文本的最佳/正确方法是什么?图片高度在CSS中静态设置。我已经尝试将外部div设置为display:table并将内部div设置为display:table-cell和vertical-align:middle但这也不起作用。HTMLLinkupwithothergamersallovertheworldwhosharethesametastesingames.CSS.browse.container,.blind_dating.container{padding-bottom:0;}.animation_container{position:relative;}.bro

html - Bootstrap 如何让文本在 div 容器中垂直对齐

垂直对齐列中间文本的最佳/正确方法是什么?图片高度在CSS中静态设置。我已经尝试将外部div设置为display:table并将内部div设置为display:table-cell和vertical-align:middle但这也不起作用。HTMLLinkupwithothergamersallovertheworldwhosharethesametastesingames.CSS.browse.container,.blind_dating.container{padding-bottom:0;}.animation_container{position:relative;}.bro

css - Bootstrap 3 : Span elements floating right in list-group-item do not consume vertical space

在Bootstrap3list-group-item中,我有一个图标、一些文本和两个应该向右浮动的图标/按钮。我试过这个:Sometextgoeshere如果结果适合一行,这会很好用:当窗口太薄以至于实际文本无法放在一行中时,它也可以工作:但是,如果窗口允许文本保留在一行中,但没有足够的空间用于向右拉的跨度,事情就会变得一团糟:我真正想要的是pull-right跨度开始一个新行并右对齐,并且list-group-item垂直延伸到它们合身。我怎样才能做到这一点? 最佳答案 为了保持按钮对齐,在它们周围包裹一个新元素并float包裹元

css - Bootstrap 3 : Span elements floating right in list-group-item do not consume vertical space

在Bootstrap3list-group-item中,我有一个图标、一些文本和两个应该向右浮动的图标/按钮。我试过这个:Sometextgoeshere如果结果适合一行,这会很好用:当窗口太薄以至于实际文本无法放在一行中时,它也可以工作:但是,如果窗口允许文本保留在一行中,但没有足够的空间用于向右拉的跨度,事情就会变得一团糟:我真正想要的是pull-right跨度开始一个新行并右对齐,并且list-group-item垂直延伸到它们合身。我怎样才能做到这一点? 最佳答案 为了保持按钮对齐,在它们周围包裹一个新元素并float包裹元

html - 垂直对齐 TD 中的所有(!)元素?

我有一个简单的table,其中包含1个TD和vertical-align:middle;。此TD包含一个Image:table{border:solid1pxred;width:300px;}td{height:100px;vertical-align:middle;width:100%;border:solid1pxgreen;}img{height:43px;width:43px;}span{vertical-align:middle;}JSBin一切正常,IMG是垂直对齐的。但是如果我在该图像之后添加另一个元素(例如span):table{border:solid1pxred;w

html - 垂直对齐 TD 中的所有(!)元素?

我有一个简单的table,其中包含1个TD和vertical-align:middle;。此TD包含一个Image:table{border:solid1pxred;width:300px;}td{height:100px;vertical-align:middle;width:100%;border:solid1pxgreen;}img{height:43px;width:43px;}span{vertical-align:middle;}JSBin一切正常,IMG是垂直对齐的。但是如果我在该图像之后添加另一个元素(例如span):table{border:solid1pxred;w

css - 将文本对齐到 div 的底部

我尝试将我的文本与StackOverflow中其他帖子和答案中的div底部对齐,我学会了使用不同的CSS属性来处理这个问题。但我无法完成它。基本上我的HTML代码是这样的:AText效果是在FF中我只得到垂直线(折叠方式的div),文本写在它旁边。如何防止div折叠但宽度适合文本? 最佳答案 flex解决方案如果您想使用display:table-cell解决方案,那就太好了。但是我们没有破解它,而是使用display:flex;更好的方法来完成同样的事情。flex是一个有decentsupport的东西..wrap{height:

css - 将文本对齐到 div 的底部

我尝试将我的文本与StackOverflow中其他帖子和答案中的div底部对齐,我学会了使用不同的CSS属性来处理这个问题。但我无法完成它。基本上我的HTML代码是这样的:AText效果是在FF中我只得到垂直线(折叠方式的div),文本写在它旁边。如何防止div折叠但宽度适合文本? 最佳答案 flex解决方案如果您想使用display:table-cell解决方案,那就太好了。但是我们没有破解它,而是使用display:flex;更好的方法来完成同样的事情。flex是一个有decentsupport的东西..wrap{height: