如何让盒子中的文字水平,垂直居中
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 实例</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="stylesheet"
href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"
/>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<style>
.col {
height: 50px;
text-align: center;
line-height: 50px;
}
</style>
</head>
<body>
<div class="jumbotron text-center">
<h1>谁若游戏人生,他就一事无成;谁不主宰自己,永远是一个奴隶。</h1>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h3>第一条</h3>
<p>
人生的前期,要是你越嫌麻烦,越懒得学,后来就越可能错过让你动心的人和事,错过新风景。
</p>
</div>
<div class="col-sm-4">
<h3>第二条</h3>
<p>
人生的前期,要是你越嫌麻烦,越懒得学,后来就越可能错过让你动心的人和事,错过新风景。
</p>
</div>
<div class="col-sm-4">
<h3>第三条</h3>
<p>
人生的前期,要是你越嫌麻烦,越懒得学,后来就越可能错过让你动心的人和事,错过新风景。
</p>
</div>
</div>
<div class="container-fluid">
<h1>创建相等宽度的列</h1>
<p>创建三个相等宽度的列! 尝试在 class="row" 的 div 中添加新的 class="col" div,会显示四个等宽的列。</p>
<div class="row">
<div class="col" style="background-color:lavender;">哈哈</div>
<div class="col" style="background-color:orange;">呵呵</div>
<div class="col" style="background-color:lavender;">嘿嘿</div>
</div>
</div>
</body>
</html>
CSDN-Ada助手: 小程序 技能树或许可以帮到你:https://edu.csdn.net/skill/mini_programs?utm_source=AI_act_mini_programs
miao_play_comp: 添加一条 可能是mac地址的问题
CSDN-Ada助手: 哇, 你的文章质量真不错,值得学习!不过这么高质量的文章, 还值得进一步提升, 以下的改进点你可以参考下: (1)提升标题与正文的相关性;(2)使用更多的站内链接;(3)增加除了各种控件外,文章正文的字数。
大海棠叶子: 我运行就提示我找不到图片
m0_66156973: driver = webdriver.Chrome() #3.打开注册A页面 driver.get("file:///Users/zhang/Documents/%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA/%E7%B4%A0%E6%90%90/%E sleep(2) #4.使用name定位账号输入框,并输入admin driver.find_element_by_name("userA").send_keys("admin") sleep(2) #5.使用name定位密码输入框,并输入123456 driver.find_element_by_name("passwordA").send_keys("123456") #6.暂停3秒 sleep(3) #7.关闭浏览器 driver.quitO)l