Html 选择不受负边距影响的标记
为什么有些元素忽略了负边距?在本例中,我特别关注Html 选择不受负边距影响的标记,html,css,margin,Html,Css,Margin,为什么有些元素忽略了负边距?在本例中,我特别关注select标记,这样我可以将其定位为更符合其所在段落的文本。例如: <p> Paragraph with a select <select style="margin-top:-25px"> <option>Option 1</option> <option>Option 2</option> </select> inline &l
select
标记,这样我可以将其定位为更符合其所在段落的文本。例如:
<p>
Paragraph with a select
<select style="margin-top:-25px">
<option>Option 1</option>
<option>Option 2</option>
</select>
inline
</p>
带有选择符的段落
选择1
选择2
内联
在这个简单的例子中,
select
完全忽略了-25px的上边距。有什么建议吗?这与其说是标签对边距的响应,不如说是元素天生设置为display:inline
,这会阻止垂直移动。这与其说是标签对边距的响应,不如说是元素天生设置为display:inline
,防止垂直移动。将SELECT标记包装在一个DIV中,设置DIV的样式。将SELECT标记包装在一个DIV中,设置DIV的样式。这不是最干净的方式,但我只是将标记包装在一个DIV中,然后将调整放在DIV上。这不是最干净的方式,但是我只是把标签用a包起来,然后把调整放在div上。试过了,没用。但是,我必须对div应用display:inline block
,这样它就可以与其余的文本保持内联,但这样做不起作用。但是我必须将display:inline block
应用于div,使其与其余文本保持内联。听起来你应该调整选择元素的垂直对齐,而不是尝试在自己周围移动。听起来你应该调整选择元素的垂直对齐,而不是尝试在周围移动试着使用位置:相对;顶部:-25px代码>而不是负上边距。尝试使用位置:相对;顶部:-25px代码>而不是负上边距。