0

やろうとするlist-style-imageと、ボックスselectは下に縦に並びますが、上に縦に並びます。ボックスも上部に揃えるにはどうすればよいですか?<li>selectlist-style-imageselect

selectボックスには削除margin-top:5pxしようとしている が含まれているようですが、0 に設定してもまだそこにあります。

CSS:

  li { 
    list-style-image:url(image1.jpg); 
    vertical-align:text-top;
  }

  select { margin-top:0; }

HTML:

 <li>
  <select>
    <option>1</option>
  </select>
 </li>
4

1 に答える 1

2

絶対に使用しないでくださいlist-style-image。代わりに、CSS の背景にパディングを使用してください。これが、画像の位置を適切に制御できる唯一の方法です。

何かのようなもの：

li {
  background-image:url(BulletCheck.png); 
  background-repeat:no-repeat; 
  padding-left:30px; 
  margin-left:-30px;
}

私のチュートリアルを参照してください: http://preview.moveable.com/JM/ilovelists/

于 2012-05-22T14:46:02.237 に答える