我正在尝试将语音气泡与图像对齐,以使角色看起来好像在说些什么。
我知道它不会是完美的,但我希望它是流畅的而不是绝对的,这样它在大屏幕显示器和笔记本电脑显示器上看起来也一样。
我已经添加了margin-left: 205px;
,但这似乎并没有削减它..
示例:http: //jsfiddle.net/fUway/1/
我正在尝试将语音气泡与图像对齐,以使角色看起来好像在说些什么。
我知道它不会是完美的,但我希望它是流畅的而不是绝对的,这样它在大屏幕显示器和笔记本电脑显示器上看起来也一样。
我已经添加了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"/>