0

FB と Twitter の 2 つのボタンを横に並べて表示したかったのですが、ボタン間のスペースが大きすぎます。2 つのボタン間の距離を最小限に保つにはどうすればよいですか? サイトはこちら (HELLO WORD の下の FB および Twitter ボタン) http://blog.michelleaneous.com

これは私の現在のcssコードです:

.content_area2 .share{

display:inline; 
width:170px;

}

.content_area2 .share ul{

}

.content_area2 .share ULリ{

float:left;
display:inline; 
margin-left: 300px;

}

4

2 に答える 2

0

これらのスタイルを使用してください。マージンを調整して距離を設定します。例：2exまたは10px。それぞれの側に。

.content_area2 .share {
  display: inherit;
  width: inherit;
  text-align: center;
}
.content_area2 .share ul li {
  float: inherit!important;
  margin: 0 1ex!important;
}
于 2012-08-10T15:00:50.163 に答える
0

「.conent_area2 .share ul li」に「margin-left:300」があります-これがそれらの間の距離を作るものです。希望する方法のモック ( png ) を投稿していただけませんか? HTML を提供します。

私の推測では、「.content_area2 .share ul」にマージン左を置くつもりだったのでしょう。

CSSでオブジェクトを中央に配置したい場合は、使用する必要があります{ margin-left:auto; margin-right:auto }

全体の CSS は次のとおりです。

.content_area2 .share {
   width:200px;
   margin-left:auto;
   margin-right:auto;
}
.content_area2 .share ul li {
  float:left;
}

できます。

ここに私の作業コピーがオンラインにあります

于 2012-08-10T14:32:25.780 に答える