图片/文字浮动不起作用
我目前正在为创建名片的程序工作，除了图像/文字浮动之外，几乎已经完成了。我正在使用容器流体使面板并排查看，但是我的问题是在右侧，我可以预览实际的名片，但是文字不会出现在徽标的右侧。我几乎尝试了所有我可以在互联网上找到的东西，例如浮动，清除和手动设置右轴，但这是行不通的。我需要帮助！请。这是实际的图像（我正在尝试修复的图像）
这是我的代码
<div class="container-fluid">
<div class="row">
<div class="col-6">
<div class="card">
<form class="form-horizontal" action="<?php echo base_url('My_account/do_create_businesscard'); ?>" method="post">
<div class="card-body">
<div class="form-group row">
<label for="pname" class="col-sm-3 text-right control-label col-form-label">Fullname</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="Fullname" value="<?php echo strtoupper($empInfo->firstname).' '. substr($empInfo->middlename,0,1).'. '. strtoupper($empInfo->lastname);?>" readonly>
</div>
</div>
<div class="form-group row">
<label for="sg" class="col-sm-3 text-right control-label col-form-label">Position and Section</label>
<div class="col-sm-9">
<input type="text" class="form-control" value="<?php echo $empInfo->position_name;?> <?php echo $empInfo->section_name;?>" readonly>
</div>
</div>
<div class="form-group row">
<label for="sg" class="col-sm-3 text-right control-label col-form-label">Division</label>
<div class="col-sm-9">
<input type="text" class="form-control" value="<?php echo $empInfo->division_name;?>" readonly>
</div>
</div>
<div class="form-group row">
<label for="sg" class="col-sm-3 text-right control-label col-form-label">Department</label>
<div class="col-sm-9">
<input type="text" class="form-control" value="FOREIGN SERVICE INSTITUTE" readonly><br><input type="text" class="form-control" value="DEPARTMENT OF FOREIGN AFFAIRS" readonly>
</div>
</div>
<div class="form-group row">
<label for="sg" class="col-sm-3 text-right control-label col-form-label">Address</label>
<div class="col-sm-9">
<input type="text" class="form-control" value="5/F DFA Bldg., 2330 Roxas Blvd." readonly><br><input type="text" class="form-control" value="Pasay City 1300, Philippines" readonly>
</div>
</div>
<div class="form-group row">
<label for="pname" class="col-sm-3 text-right control-label col-form-label">Telephone No.</label>
<div class="col-sm-9" id="telno">
<input type="number" name="txttelno" class="form-control" id="txttelno" min="0" required>
<input type="number" name="txttelno1" class="form-control" id="txttelno1">
<!-- <button type="button" id="add_button_tel"><i class="fas fa-plus-circle"></i></button> -->
</div>
</div>
<div class="form-group row">
<label for="pname" class="col-sm-3 text-right control-label col-form-label">Fax No.</label>
<div class="col-sm-9" id="faxno">
<input type="number" name="txtfaxno" class="form-control" id="txtfaxno" min="0" required>
<!-- <button type="button" id="add_button_fax"><i class="fas fa-plus-circle"></i></button> -->
</div>
</div>
<div class="form-group row">
<label for="pname" class="col-sm-3 text-right control-label col-form-label">Mobile No.</label>
<div class="col-sm-9" id="mobileno">
<input type="number" name="txtmobileno" class="form-control" id="txtmobileno" min="0" required>
<input type="number" name="txtmobileno1" class="form-control" id="txtmobileno1">
<!-- <button type="button" id="add_button_mob"><i class="fas fa-plus-circle"></i></button> -->
</div>
</div>
<div class="form-group row">
<label for="pname" class="col-sm-3 text-right control-label col-form-label">Email</label>
<div class="col-sm-9" id="email">
<input type="email" name="txtemail" class="form-control" id="txtemail" value="<?php echo $empInfo->email;?>" required>
<input type="text" name="txtemail1" class="form-control" id="txtemail1">
<!-- <button type="button" id="add_button_em"><i class="fas fa-plus-circle"></i></button> -->
</div>
</div>
<div class="border-top">
<div class="card-body">
<button type="submit" class="btn btn-success">Create Business Card</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
div .all {
clear: both;
}
div .text {
right: 0;
}
</style>
</head>
<body>
<div class="col-5">
<h2>Business Card Preview</h2>
<div class="card" style=" width:100%; border: 2px solid Black;">
<img src="<?php echo base_url('assets/images/fsilogo.jpg')?>" style="float:left;width: 15%; height: 15%;">
<div class="text">
<div id="fullnamecontainer"><b>
<?php echo strtoupper($empInfo->firstname).' '. substr($empInfo->middlename,0,1).'. '. strtoupper($empInfo->lastname);?></b>
</div>
<div id="posseccontainer">
<b><?php echo $empInfo->position_name.' '. $empInfo->section_name;?></b>
</div>
<div id="divcontainer">
<b><?php echo $empInfo->division_name;?></b>
</div>
<div id="deptcontainer">
<b><?php echo "FOREIGN SERVICE INSTITUTE <br> DEPARTMENT OF FOREIGN AFFAIRS"?></b>
</div>
<div id="addcontainer">
<b><?php echo "5/F DFA Bldg., 2330 Roxas Blvd. <br> Pasay City 1300, Philippines"?></b>
</div>
<div>
<b>Tel. No.: <span id="showtelno"></span>
<br>
<span id="showtelno1"></span></b>
</div>
<div>
<b>Fax No.: <span id="showfaxno"></span></b>
</div>
<div>
<b>Mobile No.: <span id="showmobno"></span>
<br>
<span id="showmobno1"></span></b>
</div>
<div>
<b>Email:<span id="showemail"> <?php echo $empInfo->email;?></span>
<br>
<span id="showemail1"></span></b>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<?php $this->load->view('includes/footer'); ?>
2 个答案:
答案 0 :(得分：0)
尝试：
div .text {
float:right;
}
答案 1 :(得分：0)
这是正确的代码。
<div class="col-5">
<h2>Business Card Preview</h2>
<div class="card">
<div class="col-md-12" style=" width:100%; border: 2px solid Black;">
<div class="row">
<div class="col-md-3"><img src="<?php echo base_url('assets/images/fsilogo.jpg')?>" width="120"></div>
<div class="col-md-9" style="float: right;" >
<div id="fullnamecontainer"><b>
<?php echo strtoupper($empInfo->firstname).' '. substr($empInfo->middlename,0,1).'. '. strtoupper($empInfo->lastname);?></b>
</div>
<div id="posseccontainer">
<b><?php echo $empInfo->position_name.' '. $empInfo->section_name;?></b>
</div>
<div id="divcontainer">
<b><?php echo $empInfo->division_name;?></b>
</div>
<div id="deptcontainer">
<b><?php echo "FOREIGN SERVICE INSTITUTE <br> DEPARTMENT OF FOREIGN AFFAIRS"?></b>
</div>
<div id="addcontainer">
<b><?php echo "5/F DFA Bldg., 2330 Roxas Blvd. <br> Pasay City 1300, Philippines"?></b>
</div>
<div>
<b>Tel. No.: <span id="showtelno"></span>
<b>/</b>
<span id="showtelno1"></span></b>
</div>
<div>
<b>Fax No.: <span id="showfaxno"></span></b>
</div>
<div>
<b>Mobile No.: <span id="showmobno"></span>
<b>/</b>
<span id="showmobno1"></span></b>
</div>
<div>
<b>Email:<span id="showemail"> <?php echo $empInfo->email;?></span>
<b>/</b>
<span id="showemail1"></span></b>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
- 保存图像和文本的主div应该在行类中。
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？