我有一个与文本内联的图像.那张图片是32x32.我希望将它的自动尺寸设置为它所在的线高,以便它适合.有没有办法做到这一点?
我希望能够将图像放置在任何具有未知线高的位置,并使其尺寸合适.
我在这里建立一个网站:argit.bounde.co.uk
我一直在寻找几个小时试图找到解决方案.我正在尝试构建自己的滑块,这将是流体宽度,因此我无法在可能的情况下定义高度/宽度.我有大量的滑块使用库存图像但是当我把元素放在它下面时,它们比它们想要的低5px.这种情况发生在除我测试的IE之外的所有浏览器中.我想给我的滑块下方的横幅是一个负的上边距,这样它就会显示在滑块上,但直到我能弄清楚造成这个5px边距的原因我不能.
html在这里:
<div id="slider">
<div id="sliderwidth">
<ul>
<li><img src="imgs/slider/img1.jpg" alt="image 1"></img></li>
<li><img src="imgs/slider/img2.jpg" alt="image 2"></img></li>
<li><img src="imgs/slider/img3.jpg" alt="image 3"></img></li>
<li><img src="imgs/slider/img4.jpg" alt="image 4"></img></li>
</ul>
</div>
</div>
<div id="sliderborder">
Run Code Online (Sandbox Code Playgroud)
我尝试过的事情:
删除所有jQuery:没有用.
删除所有CSS样式滑块:没有工作.
将img高度设置为300px:没有用.
将li高度设置为300px:措辞.
替换imgs与divs 300px高:工作.
设置填充0,边距0到滑块中的每个元素:没有工作.
检查验证错误:完全验证.
已检查的imgs是300px高:它们是.
检查开发工具中的每个元素以检查是否存在任何流氓边距/填充:未找到.
我真的出于想法,任何帮助将不胜感激!