1

请参阅DEMO中的示例，它具有以下 html 代码

helllo hello test test <img src="http://bestsites.me/img/bs.png">

您可以看到该图像略高于文本。我怎样才能使图像下降一点。

4

3 回答 3

1

我不确定这是实现这一目标的最佳方式，但您可以使用：

helllo hello test test <img src="http://bestsites.me/img/bs.png" style="margin-bottom: -7px;">

或者您可以在某些照片编辑软件（gimp、vs）中编辑您的图片。

于 2013-01-20T14:08:32.150 回答
0

HTML：

<p>hello hello test test<img src="image.png"/></p>

CSS：

p,img{
    padding:0px;
    margin:0px;
}

以上应确保 p 和 image 元素彼此内联。

另一种方法：

HTML

<p>Hello Hello test test</p><img src='image.png'/>

CSS

p,img{
    padding:0px;
    margin:0px;
    display:inline-block;//not for ie 5.5-7?
    width:49%;
    vertical-align:top;
    text-align:top;
    border:1px solid #FF0000;//to check the positioning of the elements
    //these should now be completely level BUT this might not make the text 100% level
}
于 2013-01-20T14:02:47.543 回答
0

您可以使用
<img align='middle'>

对齐中间将为您工作

将图像与文本对齐应该可以工作。 <img src='src' align='middle'> 会让你的形象出现在中间

于 2013-01-20T14:18:57.200 回答