css 中心文本在veritcally。示例:滑块中的http://www.carrefour.com.ar/content/servicios/la-plaza-de-tu-mascota/文本。 Posted 2021-05-13
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 中心文本在veritcally。示例:滑块中的http://www.carrefour.com.ar/content/servicios/la-plaza-de-tu-mascota/文本。 相关的知识,希望对你有一定的参考价值。
<div id="column-content">
<div>Nota |</div>
<span>yet another text content that should be centered vertically yet another text content that should be centered vertically</span>
</div>
#column-content{
display: table;
height: 65px;
width: 100%;
}
#column-content div {
vertical-align: middle;
display: table-cell;
width: 10%;
}
#column-content span {
display: table-cell;
vertical-align: middle;
width: 89%;
}
以上是关于css 中心文本在veritcally。示例:滑块中的http://www.carrefour.com.ar/content/servicios/la-plaza-de-tu-mascota/文本。 的主要内容,如果未能解决你的问题,请参考以下文章
纯 Css Slider 无法向每张幻灯片添加文本
(滑动)滑块中的垂直中心文本
css 将幻灯片文本定位在全宽Divi滑块上
css 在Fusion滑块上设置文本背景颜色的透明度。
css Bootstrap淡化旋转木马触摸滑块与文本动画
将动态文本动画添加到 nivo 滑块