如何对齐以下内容,使图像和链接垂直对齐?另外如何增加连续行之间的间距?
<li><img src="c.png" alt="Centern | Karta"/> <a href="centern.php">Centern</a> </li>
<li><img src="fi.png" alt="Feministiskt initiativ | Karta"/><a href="feministiskt.php">Feministiskt initiativ</a> </li>
最佳答案
您可以将图片作为背景。
HTML
<li><a class='centern' href="centern.php" title="Centern | Karta">Centern</a> </li>
CSS
a.centern {
background: url('c.png') no-repeat;
height:20px; //height of the link
width:100px; //width of the link
padding-left:40px //give some space for the background image
}
关于html - 将图像和链接垂直对齐在一行上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12022499/