div下的div字符串居中

可以使用 CSS 的 flex 布局来实现 div 下的 div 居中。

HTML 代码：

<div class="container">
  <div class="child">居中文本</div>
</div>

CSS 代码：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.child {
  text-align: center;
}

以上代码将会把父 div `.container` 设置为 flex 布局，然后通过 `justify-content: center` 和 `align-items: center` 来水平和垂直居中子元素。子元素 `.child` 的文本居中可以使用 `text-align: center` 实现。

相关问题

img 在div中等比例全部展示

可以使用CSS的background-image和background-size属性来实现在div中等比例展示图片。

具体操作步骤如下：

1. 首先，需要将img标签的src属性设置为空字符串，这样图片就不会在HTML中显示出来。

2. 然后，在CSS中设置div的background-image属性为需要展示的图片的URL。例如：

div {
  background-image: url('path/to/image.jpg');
}

3. 接下来，设置background-size属性为contain，这样图片就会等比例缩放并全部展示在div中：

div {
  background-image: url('path/to/image.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

4. 最后，为了让图片居中展示，还需要设置background-position属性为center，同时设置background-repeat属性为no-repeat，防止图片重复显示。

这样，就可以实现在div中等比例展示图片了。

layui table 单元格内容垂直居中

使用layui table组件实现单元格内容垂直居中的方法有多种，下面列举其中两种比较常用的方法：

方法一：通过设置CSS样式实现单元格内容垂直居中

在单元格中添加一个自定义的样式，例如：

{field: 'name', title: '姓名', align: 'center', style:'height:50px;line-height:50px;padding:0 10px;'}

其中style属性中设置了单元格的高度、行高和内边距，使得单元格内容垂直居中。需要注意的是，如果表格中的内容比较多，需要适当调整单元格的高度和行高。

方法二：通过设置templet属性实现单元格内容垂直居中

在单元格中添加一个自定义模板列，并在模板中设置内容垂直居中，例如：

{field: 'name', title: '姓名', templet: function(d){
  return '<div style="height:50px;line-height:50px;text-align:center;">'+d.name+'</div>';
}}

其中templet属性中返回的是一个包含HTML代码的字符串，通过设置div元素的高度、行高和文本对齐方式来实现单元格内容垂直居中。需要注意的是，如果表格中的内容比较多，需要适当调整div元素的高度和行高。

以上两种方法均可以实现单元格内容垂直居中的效果，根据具体的需求选择合适的方法即可。