إدراج صورة الإبهام في عرض القائمة في إنتل شدك
-
21-12-2019 - |
سؤال
أنا باستخدام قالب عرض القائمة في إنتل شدك في مشروعي أريد استخدام الصورة المصغرة للصور في كل قائمة.هل هناك أي حل?كما أنا جديد في تطوير هتمل
المحلول
يمكنك إضافة رمز يدويا داخل <li>
عنصر لإنشاء <img>
عنصر.هنا هو رمز سبيل المثال لإنشاء قائمة مخصصة مع صورة مصغرة + نص: قائمة مخصصةعرض
<style>
#afui #listview .list li {padding:10px 20px 10px 10px}
.list-image {float:left;width:50px;height:50px}
.list-text {margin-left:60px;min-height:50px}
</style>
مخصص <li>
:
<ul class="list">
<li>
<a href="#item1">
<img class="list-image" src="data/male_user_icon.svg" />
<div class="list-text"><b>username1</b><br>Placeholder text for this list item 1.</div>
</a>
</li>
</ul>
لا تنتمي إلى StackOverflow