如何将语音气泡与图像对齐



我试图将语音气泡与图像对齐,使其看起来像是角色在试图说什么。

我知道它不会是完美的,但我希望它是流畅的,而不是绝对的,这样它在大屏幕显示器和笔记本电脑显示器上看起来也一样。

我添加了margin-left: 205px;,但这似乎并不能减少它。

示例:http://jsfiddle.net/fUway/1/

您最好将语音气泡设置为display: relative;,并控制topleft属性以将气泡准确定位在图像上所需的位置:

<blockquote class="oval-thought" style="position: relative; top: 250px; left: 150px;"><p>yay</p></blockquote>
<img src="http://th00.deviantart.net/fs70/PRE/f/2010/310/7/4/super_sonic_sa2_by_mephilez-d329bcu.png" height="600" width="400"/>

相关内容

  • 没有找到相关文章

最新更新