javascript - 没有可用的数据,两侧中心(垂直 + 水平)与 HTML,CSS

标签 javascript jquery html css

<分区>

我在我的元素中为小部件创建了数据框。

但我希望我的文字在垂直和水平方向上都居中而不提及它的高度

还有一件事,我有基于 JS 的计算高度的解决方案。但我想要基于纯 CSS 的解决方案。

演示 - https://jsfiddle.net/3j7ydafw/5/

最佳答案

一种方法

.content-contaner-right{
  background-color:#ddd;
  min-height:250px;
  position: relative
}

table{
  position: absolute; 
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  height:100%;
  width:100%;
}

td{
  text-align:center;
}
<div class="content-contaner-right">                            
  <table>
    <tr>
      <td >textsdfsdf</td>
    </tr>
  </table>  
</div>

关于javascript - 没有可用的数据,两侧中心(垂直 + 水平)与 HTML,CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34591446/

相关文章:

javascript - 当我在调试过程中看到模型不为 NULL 时,获取模型的 NULL 值

jquery - 动态滑动div

php - 在数组中协商数组

html - 外包 css 属性不起作用

javascript - VueJS + Quasar 框架 + 谷歌地图 JS API

javascript - 如何通过 objectID 数组从解析服务器获取所有对象?

jquery - 更改同位素滤镜动画效果

javascript - 从 javaScript 函数内部添加到全局数组

javascript - 如何在 Javascript 中切片对象?

JavaScript 多行字符串和模板?