css 中心文本在veritcally。示例:滑块中的http://www.carrefour.com.ar/content/servicios/la-plaza-de-tu-mascota/文本。

Posted

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 滑块