0

私のウェブサイトhttp://goo.gl/16XdA（「私たちについて」のセクション）で、青いタイトルを左側のノルウェー国旗に垂直に揃えたいと思います。パディングボトムとマージンボトム（青いタイトルを数ピクセル上に移動するため）で遊んでみましたが、まったく機能しませんでした。何か案が？Tks

CSS

#activity-container {
    width: 600px;
    background-color: #FFFFFF;
    font: 12px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color:#000;
    font-weight: 400;
    padding:25px;
    margin-left: auto;
    margin-right: auto;
    border: 1px dotted #666;
    background: #fff url(../images/norway-map.png) no-repeat right top;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
    filter: alpha(opacity=93);
    opacity: 0.93; /* For IE8 and earlier */
}

HTML

<div id="activity-container">
    <p><img src="images/norway-flag-small.jpg" alt="Picture" /><span class="activity-title">Swoåsa , naturlig mineralvann, ren natur</span></p>
    <br />
    <p>XXZ AS was founded</p>
  </div>
4

1 に答える 1

1

vertical-align: middle旗の画像に使用すると、テキストが画像の垂直方向の中央に配置されます。現在、プロパティはファイルvertical-align: baselineから設定されていreset.cssます。

于 2012-08-05T19:20:26.723 に答える