CSS3の重複
KershawRocks
CSS3の重複を防ぐにはどうすればよいですか？それらはすべてです
<span> precious </span> <span> and </span> <span> cute </span>
そして私のCSSは
span
{
margin : 20px;
min-width: 150px;
border-radius:5px;
background-color:white;
border: 2px solid white;
font-weight:bold;
padding:10px;
-webkit-transition: all 1s ease;
-moz-transition: all .8s ease;
transition: all 1s ease;
}
重なりはこんな感じ
StackOverflowの優れたCSS3エキスパートに感謝します
caffeinated.tech
display:inline-block;重複を防ぐために、プロパティを追加する必要があります。問題は、<span>要素がデフォルトでプロパティを持っていることdisplay:inline;です。これはテキストには最適ですが、topとのbottom値とmarginをpaddingインライン要素として設定できない場合は、その中に含まれるテキストと同じ高さにする必要があります。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
jqueryと複数のcss3の背景
- 2
css3の複数の完全環/円
- 3
複数のクラスのCSS3でのAfter-Before疑似
- 4
CSS3の複数のアニメーション
- 5
CSS3：垂直方向に整列された複数の回転div
- 6
CSS3複数の変換：translate（）およびscale（）
- 7
CSS3：タイトル付きの複数列システム
- 8
CSS3の月の形
- 9
CSS3の移行/変換
- 10
CSS3複数列リスト
- 11
HTML-CSS、Divの重複
- 12
HTML-CSS、Divの重複
- 13
変換プロパティの複数の値を処理するCSS3
- 14
同時に複数のアニメーションを持つCSS3
- 15
複数のブラウザに対するcss3 @ mediaクエリ
- 16
CSS3複数のクラス内の複数の要素をターゲットにする
- 17
CSS3の背景画像の配置
- 18
CSS3のみの視差効果
- 19
CSS3の垂直方向の配置
- 20
CSS3のtransformtranslateXの奇妙な動作？
- 21
1回のCSS3変換後の2回のCSS3変換
- 22
CSS3：移行中のみ変換
- 23
CSS3の逆ポインター
- 24
矢印間のCss3遷移
- 25
CSS3の背景色？ACF / Advancedcustomfields
- 26
CSS3の六角形
- 27
css3動的背景画像のURL
- 28
CSS3ベースのパネル
- 29
CSS3の曲げ/遠近効果
コメントを追加