Fatal编程技术网
  • css/
  • Css 推特引导：按钮的高度错误，带有图标，没有文本

Css 推特引导：按钮的高度错误，带有图标，没有文本

css twitter-bootstrap twitter-bootstrap-3

Css 推特引导：按钮的高度错误，带有图标，没有文本,css,twitter-bootstrap,twitter-bootstrap-3,Css,Twitter Bootstrap,Twitter Bootstrap 3,简单html页面上有两个按钮，附带twitter引导2/3：带文本和不带文本。 如果我打开它，没有文本的按钮有错误的较小的高度（参见下面的屏幕截图）。 怎么回事？同样的情况在IE 9\10中重复出现。但如果磨合，一切都很好。即使我通过开发者工具栏手动添加了一个按钮，在互联网上的TB页面上，一切都还可以 附言：bootstrap 2也是这样 <html> <head> <link rel="stylesheet" type="text/css" href="ht

简单html页面上有两个按钮，附带twitter引导2/3：带文本和不带文本。 如果我打开它，没有文本的按钮有错误的较小的高度（参见下面的屏幕截图）。

怎么回事？同样的情况在IE 9\10中重复出现。但如果磨合，一切都很好。即使我通过开发者工具栏手动添加了一个按钮，在互联网上的TB页面上，一切都还可以

附言：bootstrap 2也是这样

<html>
<head>
  <link rel="stylesheet" type="text/css" href="http//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<a class="btn btn-danger" href="#"><span class="glyphicon glyphicon-trash"></span> Delete</a>
<a class="btn btn-primary" href="#"><span class="glyphicon glyphicon-pencil"></span></a>
</body>
</html>
我做错了什么？

原因是第一个字符串。对于HTML5，必须将其设置为上面的writer。
如果它不存在或有html 4描述（“公共等”），则会发生此错误。

字体不同于Arial到Glyphicons（用于图标的字体），这会导致差异。
要解决此问题，您可以在按钮的
span
之后添加一个空格（
），以获得预期的高度，也可以通过增加按钮的
字体大小来解决此问题

编辑：


您也可以增加
行高
来通过添加任何内容来解决此问题
如果您自己无法复制，我们将很难帮助您。您自己的样式表中是否有任何样式，或者只是引导？这只是问题的关键，除了引导之外没有其他样式。它在我创建的所有文件中都不起作用，无论它是否包含php/js代码。如果我通过开发者工具栏将JSIIdle页面剪切到我的示例中——所有都可以，但是如果创建新的html文件——它失败了……同样的事情也会发生在“button”和“a”标记上。我在jsfiddle/bootstap官方页面和我的官方页面之间找不到任何区别。似乎我已经找到了原因：它是“”的第一个字符串。如果它不存在，或者它有html 4描述（“PUBLIC etc”），则会发生此错误…但是在bootsrap 2中，图标是图像而不是字体，原因是什么？是的，Bootstrap 2图标是图像，请尝试指定
行高
，而不添加空间。。它应该工作在Bt2按钮只有3个大小和线高度帮助。但在Bt3中，按钮获取当前文本的大小，包括标题。所以你必须定义许多样式…我有这个问题，你的答案是解决方案。