[英]How to align an iframe to text baseline?
我想找到一種方法,將iFrame的底部與iFrame內聯的文本的基線對齊,在這種情況下,列表項(HTML在下面)中的文本對齊。 我希望解決方案不修改iFrame樣式(由代碼生成),而是與周圍的HTML一起使用。
<ul class="itemList">
<li class="item">
first item
<div style="display: inline-block; margin-left: 20px;">
<iframe scrolling="no" style="border: 0; width: 80px; height: 16px;">
<!-- iframe content here -->
</iframe>
</div>
</li>
</ul>
為iframe的DIV包裝器提供類或ID。 我要打電話給包裝器<div class="wrapper">
您可以執行以下操作:
<style>
li.item{ position:relative; }
.wrapper{ position:absolute; bottom:0px; right:0px; }
</style>
如果知道行高(假設是16像素),則可以執行position:relative; top:-16px;
position:relative; top:-16px;
在包裝上。
如上所述,您也可以使用vertical-align:bottom
,但是我不確定這是否可以滿足您的需求。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.