CSSのリンク間隔項の規定間隔

StackOverflow https://stackoverflow.com/questions/1303628

  •  19-09-2019
  •  | 
  •  

質問

こちらのサイト:

http://wesbos.com/tf/shutterflow/?cat=1

  1. バナーイメージは、側にいうと、S&S"写真を追加します引数ピクセルを行います。これだけの場合のリンクを設定します。

  2. ロールオーバー画像のテキストが強調表示されます。この作品を大を除いて追加パディングの最後にする。通常のCSSをパディングのみでの開始と終了はPタグです。私のコードをフォーマットのようになります:いの先番号は予約確認通知に惑わす各線れているタグ

しまいまして申し訳ありませんのフォーマットをエディタょうを入れてコードをマルチラインである。

    <p>hey hows it going<br/> this one is<br/> short and this one is longer<br/> will this text<br/> </p>

.cover p {
    display: inline;
   color: #000;
   background-color: #fff;
   padding:5px;
}
役に立ちましたか？

解決

あなたのバナー画像の下部にある余分なスペースを取り除くために、使用します：

#sidebar a img {vertical-align:bottom;}

画像は垂直方向の配置をデフォルトのテキストディセンダーの余地がベースラインです。

他のヒント

のサイドバー:

設定画像 display:block; 削除のスペース。お客様のコンシェルジュデスクもあります追加のいずれか clear:both; イメージにやられており、ロトップ ul （全で行なっているのが清算を浮かべた li'sで、できない使用 overflow:hidden; その代わり

の推移本文:

ご利用には別項をパディングがしやすいWP.必要なの <br /> をご利用の場合はfloatで表示

 .cover p {
    float: left; /* so they don't fill the full width */
    clear: both; /* so they don't float next to each other */
    color: #000;
    background-color: #fff;
    padding:5px;
 }

もちろん、というの display: inline; ともできます。ですからIE5/6倍フロート率くなる場合もありますがるというのは別の問題です。

あなたは、要素内の各ラインをラップする必要があります。スパンは良い選択になります：

<p><span>hey hows it going</span><br /><span>this one is</span>...

これで、スパン要素にあなたのパディングを追加することができます。 

.cover p {
   display: inline;
   color: #000;
   background-color: #fff;
}

.cover span {
   padding:5px;
}

あなたは、各行は

であることでこれを行うことができるはずですが、あなたは、各1の終わりに余分な
を追加する必要があります。

HTMLます：

<h3>Nature Orange</h3>
<p>hey hows it going<br /></p>
<p>this one is<br /></p>
<p>short and this one is longer<br /></p>
<p>will this text<br /></p>
<p>do what I<br /></p>
<p>Want?</p>

CSSます：

.cover p{  
    display:inline;
    color: #000;
    background-color: #fff;
    margin:0;
    padding:0 5px;
    line-height:1;
    }

私はここで、このデモをアップロード： http://demo.raleighbuckner.com/so/ 1303628 / の

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top