我试图将语音气泡与图像对齐,使其看起来像是角色在试图说什么。
我知道它不会是完美的,但我希望它是流畅的,而不是绝对的,这样它在大屏幕显示器和笔记本电脑显示器上看起来也一样。
我添加了margin-left: 205px;
,但这似乎并不能减少它。
示例:http://jsfiddle.net/fUway/1/
您最好将语音气泡设置为display: relative;
,并控制top
和left
属性以将气泡准确定位在图像上所需的位置:
<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"/>