veritcal-align数值与对齐

HTML

<span id="vAlign">字母x</span><img src="1.jpg" height="92">
<p>文字的vertical-align值：<select id="select">
    <option value="baseline">baseline</option>
    <option value="10px">10px</option>
    <option value="-10px">-10px</option>
    <option value="1em">1ex</option>
    <option value="-1em">-1ex</option>
    <option value="50%">50%</option>
    <option value="-50%">-50%</option>
</select></p>
					    

CSS

select {
    padding: 5px;
}
				    

JS

var eleSelect = document.getElementById('select');
var eleValign = document.getElementById('vAlign');

if (eleSelect && eleValign) {
	eleSelect.onchange = function() {
		eleValign.style.verticalAlign = this.value;
	};
}