CSSでボタンのバーを行う:display:block、パディング、およびの問題

css
CSSでボタンのバーを行う:display:block、パディング、および<li />の問題

CSSでボタンの水平バーをやっているので、次のようなことができます:

+-----------+------------+-------------+------------+
| Button 1  | Button 2   | Button 3    | Button 4   |
+-----------+------------+-------------+------------+

しかし、ボタンのテキストが “よりも大きい理由がわかりません

それを含む “。 何が起こるかを示すためにjsfiddleの例を実行しました。http://jsfiddle.net/7m4rE/で確認できます。

この問題を解決するにはどうすればよいですか? IE9 +と最後のChrome、FF、Operaのみをサポートしています。

前もって感謝します

  1  0


ベストアンサー

li`または a`に明示的な高さを設定しないでください。 むしろ、 `a`のパディングとマージンに要素の高さを決定させます。

フィドル:http://jsfiddle.net/7m4rE/1/

2


タイトルとURLをコピーしました