以下的代码在浏览器中运行效果不一致。使用中文字符时,文字会自动换行显示。而使用数字时,数字不会自动换行!是什么原因?请各位大神指教。bootstrap版本3.3.2 <!DOCTYPE html> <html> <head> <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <title></title> <link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css" /> </head> <body> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="panel panel-default"> <div class="panel-body"> <p>我我我我问我我问问问我我问问我我问问我我问问我我问问我我问问我我问问我我问问我我问问我我问问我我问问我我问问我我问问我为我为我微微我我我我我我问问我问问我问问我我问问我我问问我我问问我为我为我微微娃娃我问问我我问问我我问问我我问问我为我为我微微娃娃</p> </div> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="panel panel-default"> <div class="panel-body"> <p>12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.12.</p> </div> </div> </div> </div> </div> </div> <script src="bootstrap-3.3.2-dist/js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script> <script src="bootstrap-3.3.2-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> </body> </html>
关于<P>标签不换行的问题
如题:
事实证明<P>解析的是"词" 如果<P>标签内的内容全是英文字母,那么<P>标签会把所有内容解析为一个词,导致不换行
中文没有这个困扰,HTML解析标准对于中文应该是按字来解析的
默认是自动换行的,表现为若一行结尾处是一个完整的单词,该单词会完整显示,而不会被截断,可以css控制强制换行