如何在此 php 代码中定位图像？答案

【问题标题】：How to position the images in this php code?如何在此 php 代码中定位图像？
【发布时间】：2015-09-23 01:15:02
【问题描述】：

我有这段代码，我用它来显示随机图像。但图片显示在网站的左上角。我希望能够根据需要定位图像。我必须对上述代码顺序进行哪些更改。这是代码——

/* 
 * Name your images 1.jpg, 2.jpg etc. 
 * 
 * Add this line to your page where you want the images to   * appear: <?php include"randomimage.php"; ?> 
 */  

// Change this to the total number of images in the folder 
$total = "2"; 

// Change to the type of files to use eg. .jpg or .gif 
$file_type = ".jpg"; 

// Change to the location of the folder containing the images 
$image_folder = "sample.url.com"; 

// You do not need to edit below this line 

$start = "1"; 

$random = mt_rand($start, $total); 

$image_name = $random . $file_type; 

echo "<img src=\"$image_folder/$image_name\" alt=\"$image_name\ />"; 

?>

提前致谢

【问题讨论】：

使用 CSS 将图像定位到您想要的位置。
这很正常。图像出现在那里，它们具有出现的样式。如果您不提供样式，则将采用浏览器的默认样式。顺便说一句，它独立于 PHP，更多的是 HTML 和 CSS 的工作方式。

标签： php css image

【解决方案1】：

这将是一个 CSS 解决方案，PHP 无法定位图像。使用 CSS，您可以以多种不同的方式定位事物：

使用边距（例如，边距：右上左下；）
使用填充（例如，填充：右上左下；）
使用浮点数（例如，浮点数：右或左；）
使用位置（例如，位置：绝对或相对；，然后使用顶部/左侧和底部/右侧来定位）。

例如，您可以使用边距将图片居中放置在页面中间。将此添加到页面顶部：

<style type="text/css"> /*Initializing CSS code*/
img { margin: 0 auto; }
</style>

或者您可以使用浮动将图像浮动到页面的最右侧，假设父对象的宽度为 100%：

<style type="text/css"> /*Initializing CSS code*/
img { float: right; }
</style>

或者使用绝对位置定位在右下角：

<style type="text/css"> /*Initializing CSS code*/
img {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
</style>

您可能需要阅读 CSS 教程以了解所有定位技术之间的差异以及何时使用它们以及在何处使用它们时出现的小技巧、烦恼和事件。

http://www.google.com/search?q=css+tutorial

【讨论】：

【解决方案2】：

你需要修改你的html代码。

在您的情况下，您需要更改此字符串的值：

echo "<img src=\"$image_folder/$image_name\" alt=\"$image_name\ />";

像这样：

echo "<img src=\"$image_folder/$image_name\" alt=\"$image_name\ style=\"Your css style goes here\"/>";

在 Stack Overflow 提问之前，请先了解一些基础知识。

http://www.w3.org/Style/CSS/learning.en.htmlcss 指南。

【讨论】：

【解决方案3】：

虽然 CSS 的答案很好，但并不是每个项目都需要或想要 CSS。这个替代解决方案，给定您的代码，在 PHP 标记中工作得很好：

（我必须在第一个

右对齐：

< right>  

< img src=\"$image_folder/$image_name\" alt=\"$image_name\ />";

< /right>

居中对齐：

< center>  

< img src=\"$image_folder/$image_name\" alt=\"$image_name\ />";

< /center>

左对齐：

< left>  

< img src=\"$image_folder/$image_name\" alt=\"$image_name\ />";

< /left>

这在技术上是一种 HTML 解决方案，但由于它在 PHP 标记中工作，您可以使用它来有效地定位您喜欢的任何内容。

【讨论】：