0

CSS3でボックス(border-radius)のサイズを大きくするにはどうすればよいですか? heightなどのプロパティを設定するheight:10%と、変更されませんが、width:10%ボックスの幅が広くなります。なぜこのような矛盾が生じるのかわかりません。また、高さを でリサイズするheight: 100pxと、ボックスのサイズは変わりますが、 を書いてもテキストのサイズは変わりませんvertical-align: middle。では、ボックスのサイズを正しく大きくするにはどうすればよいですか?テキストの位置はボックスの中央にありますか?

また、マウスをボックスの上に置いたときにボックスの位置が移動するのはなぜですか?

ここにJSFiddleを書きました

4

3 に答える 3

1

そのdivを非表示にすることはできません。透明にすることしかできません

div{
background:transparent;
}
于 2013-11-09T07:13:37.290 に答える
0

svg を使用する場合は、SVG を使用してテキストを垂直方向に簡単に中央揃えすることができます。

ボックスの位置が変わるため padding: 0px;

.dropdown:hover .dropdown-menu {
    display: block;
    padding: 0px;/* remove this*/
    margin: 0px;
}

cssではなく左側にブートストラップが追加されます

そのための正しいリンクは次のようになります

外部リソースの下 //cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.2/css/bootstrap-theme.css

デモ: http://jsfiddle.net/rXNmA/2/

テキストの位置には、

class=text-center

と

line-height: 2em;

また

line-height: 2%;

あなたが達成したいものに応じて

デモ: http://jsfiddle.net/rXNmA/5/

于 2013-11-08T04:51:11.160 に答える