0

我有一个 php 函数，它创建一个包含一些信息的图片（纯 HTML），我想将图片向左浮动，回显的 php 函数向右浮动。

[图片] [废话]

当前发生的是图像出现在回显函数上方

这是一些代码：

PHP函数声明：

function create($preTag ,$name , $description , $downloadlink) {
echo "  <div>
        <h3>$preTag $name</h3> <ln>
        <br>
        <h2>$description </h2>
        <br>
        <h2><a href= $downloadlink >Click here to download!</a> </h2>
        </div>
     ";
}

PHP 函数调用： 

create("Game:" , "Pong Clone", "A small pong clone. Completed: [Feb 21, 2013]" , "https://github.com/Bevilacqua/Pong");

用于 div 的 CSS：

div {
border-radius: 2em;
background-color: #ffffa6;
border: .3em solid white;
float: right;
display: inline;
}

用于 img 的 CSS：

img {
float: left;
display: inline;
}

用于 img 的 HTML：（只是一个测试图像）

<a href="www.google.com">
<img src="http://www.dsga.org/images/tournament_sign_up_button.gif">
</a>
4

2 回答 2

1

检查您的图像是否太大。我试过你的代码，它适用于较小的图像。对于大图像（宽度），它旁边没有足够的空间。

于 2013-06-01T22:52:28.530 回答
0

我和 Patrick Brouwers 完全一样，我得到了同样的答案：你的形象太大了。这是一个 Fiddle 来展示它。 http://jsfiddle.net/kEwan/

float:right;

和

float:left;

工作正常。尝试调整结果窗口的宽度，您会看到它。

注意：标签的链接要小心，因为它应该有双引号。

于 2013-06-01T22:54:56.250 回答