0

以下のフィドルでは、テキスト「Header」(赤色)が残りの質問テキストよりもわずかに高く表示されます。テキストの高さをどのように減らすことができますか?

「top-30px」を使ってみましたか?

http://jsfiddle.net/25LjE/44/

.pds-pd-link {
display: none !important;
}
.pds-box {
    width: 220px !important;
}
.pds-input-label{
    width: auto! important;
}
.PDS_Poll{
    margin-bottom:15px;
}

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"></script>
<noscript><a href="http://polldaddy.com/poll/6352993/">This is very long test question to test how polldaddy handles questions that exceed that normal length............ yes a very long question indeed..............</a></noscript>

$(document).ready(function() {

    $('.pds-question-inner').prepend('<center><span style="color:red;font-weight:bold;font-size: 10pt;float:left"><u>Header</u></span></center>');
});
4

2 に答える 2

2

まず、ヘッダーspanスパンをフロートさせないでください。インラインにしてください。したがって、その宣言をjsから削除します。

次に、問題は、.pds-question-top要素のパディングトップが段落テキストを押し下げていることです。ゼロに設定してみてください。すべてが正常に見えます。これはとにかくきれいです。私は通常、すべての段落間隔をp要素の下部パディングで作成し、上部パディングを使用しないことを好みます。これにより、段落は常に希望の場所から始まります。

見る:

http://jsfiddle.net/25LjE/56/

于 2012-07-09T14:54:25.420 に答える
0

試してみてくださいline-height:またはvertical-align

于 2012-07-09T14:57:21.763 に答える