我有这样的实物模型:www.guestinnation.com/mockup/list.html棘轮:在列表中添加按钮
正如你可以看到它是一个图像列表,但我想有以下各图像这样的按钮线:http://maker.github.io/ratchet/#buttons
不幸的是,棘轮的CSS它相当复杂,它最终将这些按钮对齐在图像的右侧和(垂直)...任何猜测如何做到这一点?
(我真的不能张贴在这里所有的CSS,因为它的长... ...但它是你从他们的网站下载的标准之一)
- > 酒店 Guestinnation 地图
<ul class="list inset">
<li class="hotelname">
<img id="select" src="images/mufourseasons-b.png" align="center"/>
<p class="hotelname">Four Seasons Hotel - 5*L - 20 m.</p>
<!-- should I put the buttons here??? -->
</li>
<li class="hotelname">
<img id="select" src="images/muarmani-b.png" align="center"/>
<p class="hotelname">Armani Hotel - 5*L - 451 metres</p>
</li>
<li class="hotelname">
<img id="select" src="images/muetdemilan-b.png" align="center"/>
<p class="hotelname">Grand Hotel Et de Milan - 5*</p>
</li>
</ul>
谢谢。在JSFiddle中似乎工作正常,所以我复制并粘贴到我的文件(当然是CSS和HTML),但没有,它不工作......所以我试图把整个HTML和CSS放在Jsfiddle中,并猜测什么,它不工作在那里以及...所以我想问题是在ul风格... –
不使用这样的CSS:ul li.hotelname 改为使用.hotelname {风格.. 。} – STEEL
谢谢,它现在可以工作,我已经把图像和按钮放在同一个div中,对按钮使用了绝对定位,并且在定位时玩过:)谢谢! –