Html 显示一些图片似乎打破了谷歌的风格

我试图在页面上显示一些照片，这破坏了页面的样式。这里有一个例子。在页面的右侧，图像被破坏，它们实际上被显示在其他HTML元素上，比如H2标记，上面写着“即将到来”

示例如下：

---

你知道怎么解决这个问题吗？Google Chrome上的问题更糟糕，html标记有点混乱，因为它们都使用引用，但托管在同一台服务器上。也许我遗漏了一些东西，但您可能可以使用相对于网页的本地站点路径，这些路径可以简化，类似于下面的非工作代码示例：

这将有助于更快的加载时间，节省带宽，而且在我非常谦虚的意见中，它将变得更加高效。通常在远程站点上使用http://图像链接

当我加载页面时，有多个损坏的图像，似乎是生成标记的脚本破坏了布局

为了解决这个问题，我将删除整个图像生成过程并简化标记，使其“静态”工作，即不使用脚本来输出图像和/或标记

然后，一旦它以静态方式工作，我就会攻击动态输出，尽管我很少使用这种技术，因为我觉得大多数时候它们对于我维护的小项目来说都是多余的

亲爱的朋友，祝你快乐

更新：

将图像路径存储在变量中，以便在站点范围内轻松更改：

一个（简单的）选择是使用好的旧php作为图像路径。即，在主脚本中：

 define('BASE_PATH',realpath('.'));
 define('IMG_PATH', BASE_PATH . "/img/);
// to inlude an image::
 <img src="<php echo IMG_PATH; ?> pic.jpg" />

define（'BASE_PATH'，realpath（'.'）；
定义（'IMG_PATH'，BASE_PATH./IMG/）；
//要包含一个图像：
pic.jpg“/>

这样，更改IMG_路径将更改使用该变量的所有IMG标记，并且通过使用BASE_路径，即使您在不同的主机上移动或复制站点，也可以这样做

---

查找basename（）函数Theman和相关函数，了解更多类似的提示和示例。

谢谢您的评论。您能解释一下缩短URL如何节省加载时间和带宽吗？我对你的这一点很好奇。对于你加载的每一个图像，你都会发出一个apache必须处理的实际http请求。至少，您有加载映像的DNS解析开销。根据您的服务器和dns/路由配置，如果dns解析在本地通过hostfile（例如）在您的服务器上完成，则您将不会使用更多bandwith，但如果您的计算机不解析主机名，它必须要求您的服务提供商解析域名，而图像将来自该路由，而不是本地获取。希望我是清楚的，这是很难用我糟糕的英语解释的！谢谢，这很有帮助。但是，如果站点增长，我需要第二台服务器，我是否必须将所有以/directory/开头的路径全部放回。。call？更新了答案以回复您的评论。

 define('BASE_PATH',realpath('.'));
 define('IMG_PATH', BASE_PATH . "/img/);
// to inlude an image::
 <img src="<php echo IMG_PATH; ?> pic.jpg" />