1、运行示例：
2、代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>员工个人信息详情页</title>
<!-- Bootstrap核心css文件-->
<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/css/bootstrap.min.css">
<style>
img{
width: 120px;
height: 150px;
}
.showparent{
position: relative;
}
.showchild{
position: relative;
top:40%;
left: 0;
}
</style>
</head>
<body>
<div class="container">
<h3 class="m-3 text-center">员工个人信息登记表</h3>
<div class="row py-1 bg-light text-center no-gutters">
<div class="col-3"><span class="d-inline-block w-100 h-100 border">公司名称:</span></div>
<div class="col-9"><input class="w-100" type="text" placeholder="请填写公司名称"></div>
</div>
<div class="row clearfix bg-light text-center no-gutters">
<div class="col-3 float-left">
<img src="img/1.png" alt="美女">
</div>
<div class="col-9 fload-right">
<div class="row py-2 bg-light text-center no-gutters">
<div class="col-2"><span class="d-inline-block w-100 h-100 border">姓名:</span></div>
<div class="
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
