在保留所有div的流体的同时，需要将div在父级中垂直居中

，可以使用以下方法：

使用Flexbox布局：将父级容器设置为display: flex，并使用align-items: center属性将子元素垂直居中。示例代码如下：

<style>
    .parent {
        display: flex;
        align-items: center;
    }
</style>

<div class="parent">
    <div>内容1</div>
    <div>内容2</div>
    <div>内容3</div>
</div>

使用绝对定位和transform属性：将父级容器设置为相对定位，子元素设置为绝对定位，并使用transform属性将子元素向上移动50%的高度，再使用负的margin-top将子元素向上偏移自身高度的一半。示例代码如下：

<style>
    .parent {
        position: relative;
    }

    .child {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
</style>

<div class="parent">
    <div class="child">内容1</div>
    <div class="child">内容2</div>
    <div class="child">内容3</div>
</div>

使用表格布局：将父级容器设置为display: table，并使用display: table-cell和vertical-align: middle属性将子元素垂直居中。示例代码如下：

<style>
    .parent {
        display: table;
    }

    .child {
        display: table-cell;
        vertical-align: middle;
    }
</style>

<div class="parent">
    <div class="child">内容1</div>
    <div class="child">内容2</div>
    <div class="child">内容3</div>
</div>

以上是三种常用的方法，可以实现将div在父级中垂直居中的效果。对于云计算领域，腾讯云提供了丰富的产品和解决方案，可以根据具体需求选择适合的产品。例如，可以使用腾讯云的云服务器（CVM）来搭建网站，使用对象存储（COS）来存储和管理多媒体文件，使用人工智能服务（AI）来进行图像识别等。具体产品介绍和链接地址可以参考腾讯云官方网站。