本文介绍了在链接中对齐文本和图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何在锚标签中对齐文本和图像。
我到目前为止:
How to align text and image in anchor tags.
I have done so far:
<ul>
<li> <a href='/adminsetting/index'>Moodle Settings <img src="../img/Themelink1.png"/></a></li>
<li><a href='/adminsetting/themedesigner'>Theme Designer <img src="../img/Themelink2.png"/></a></li>
<li><a href="#">Payment Details <img src="../img/Themelink3.png"/></a></li>
<li><a href="#">Account Profile <img src="../img/Themelink4.png"/></a></li>
<li><a href="#">Trainig <img src="../img/Themelink5.png"/></a></li>
<li><a href="#">Help <img src="../img/Themelink6.png"/></a></li>
</ul>
和css使用的是:
and css used is:
ul li{
list-style:none;
}
我想要这样的输出:
I want output like this:
Moodle Settings img
Theme Designer img
Payment Details img
Training img
Help img
但我的输出如下:
but my output is like:
Moodle Settings img
Theme Designer img
Payment Details img
Training img
Help img
推荐答案
这篇关于在链接中对齐文本和图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!