javascript - 将元素定位在特定高度

Question

在下面的小提琴中，文本“标题”（红色）看起来略高于问题文本的其余部分。如何降低文本的高度？

我试过使用“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>');
});

Answer 1

首先，不要浮动标题span跨度。保持内联。所以从你的 js 中删除该声明。

其次，问题是.pds-question-top元素上的 padding-top 将段落文本向下推。尝试将其设置为零，一切看起来都很好。反正这更干净。我通常更喜欢在 p 元素上使用底部填充创建所有段落间距，并且没有顶部填充，这样段落将始终从我想要的位置开始。

看：

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

Answer 2

尝试line-height：或vertical-align