如何在DIV中垂直和水平居中放置文本
Si8
<div style="background: url('theImages/talentQuote.png') no-repeat center; background-size: 100% 100%; min-height: 125px; min-width: 125px; text-align: center; vertical-align: middle;">
<span style="color: #FFF; font-weight: bold;"><xsl:value-of select="txtQuote" /></span>
</div>
显示此：
如何修改CSS，因此引号始终位于背景图片的中心
川崎刚
试试这个：
<div class="bubble">
<p>blablabla</p>
</div>
.bubble {
position: absolute;
background: #cccccc;
width: 135px;
height: 84px;
display: table;
}
.bubble p {
display: table-cell;
vertical-align: middle;
text-align: center;
}
这是一个小提琴：http : //jsfiddle.net/hLwzymmL/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在div中居中放置垂直文本？
- 2
如何在多个div中垂直居中放置文本
- 3
如何在多个div中垂直居中放置文本
- 4
如何在放置在绝对位置的响应图像上垂直和水平居中放置文本？
- 5
如何在浮动按钮元素之间垂直和水平居中放置文本？
- 6
如何在响应页面上的div中垂直和水平居中放置两个图像
- 7
如何在flutter中水平和垂直居中放置文本字段
- 8
在div中垂直居中放置文本
- 9
在div中垂直居中放置文本
- 10
如何使用CSS在DIV中垂直居中放置文本？
- 11
如何在JavaFX ChoiceBox中水平居中放置文本
- 12
如何在水平StackLayout中居中放置文本？
- 13
如何在JavaFX ChoiceBox中水平居中放置文本
- 14
如何在导航栏中垂直居中放置文本？
- 15
如何在CSS的li中水平居中放置div
- 16
如何在具有动态变化高度的div中垂直居中放置文本？
- 17
如何在div块内水平（垂直）放置文本居中？
- 18
将文本水平和垂直居中放置在圆圈中
- 19
在Windows Store应用程序的TextBlock和PasswordBox中垂直和水平居中放置文本
- 20
在Windows Store应用程序的TextBlock和PasswordBox中垂直和水平居中放置文本
- 21
在DIV中居中放置垂直/水平图像
- 22
水平和垂直居中放置DIV
- 23
如何在div /容器中居中放置文本和图像
- 24
垂直和水平居中放置图像
- 25
使用CSS在div中垂直居中放置文本
- 26
如何在UIWebView中水平和垂直居中放置HTML字符串
- 27
如何在响应图像上垂直居中放置文本？
- 28
如何在标题中垂直居中放置文本？
- 29
如何在画布上垂直居中放置文本
我来说两句