要求是做出如下效果:
并排写了checkbox,img,label,垂直方向 不默认对齐, 于是就 试试改vertical-align样式,达到对齐效果。虽不知道
vertical-align的作用机制,在这里记录下,便于以后使用。
<style>*{margin: 0px;padding: 0px;}</style>
<body style="position: relative;height: 600px;height: 600px;">
<div style="position:absolute;width:125px;background-color:white;right:5px;bottom:15px;z-index:400;padding:10px">
<p>
<input checked style="vertical-align: text-bottom;" type="checkbox" id="xiangmujiduan11" value="11" />
<label for="xiangmujiduan11" style="vertical-align:middle">
<img src="img/1.png" style="margin-right: 4px;"/>label1</label>
</p>
<!--后面有并列的 P -->
</div>
</body>