label的字一部分到屏幕左铡了？
来源：3-5 表单样式（2）
陈子长
2018-11-29 09:45:45
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> </head> <style> </style> <body> <form class="form-inline"> <div class="form-group"> <label for="em" class="">email:</label> <input type="email" id="em" class="form-control"> </div> <div class="form-group"> <label for="em" class="">password:</label> <input type="email" id="em" class="form-control"> </div> <input type="submit" class="btn btn-default"> </form> <br> <br> <form class="form-horizontal"> <div class="form-group"> <label for="em" class="">email:</label> <input type="email" id="em" class=""> </div> <div class="form-group"> <label for="em" class="">password:</label> <input type="email" id="em" class=""> </div> <input type="submit" class="btn btn-default"> </form> </body> </html>
写回答
1回答
-
是bootstrap中默认设置的样式：
左边距为负值，文字就会向左移动，可以自己设置样式覆盖掉。
祝学习愉快！
0
相似问题