Php 如何使图像并排显示？_Php_Css_Image

Php 如何使图像并排显示？

php css image

Php 如何使图像并排显示？,php,css,image,Php,Css,Image,我用谷歌搜索了一下，但没有找到满意的答案。我要更改CSS文件还是PHP文件第二，有没有比复制粘贴php代码更好的方法在页面上显示多个图像 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lan

我用谷歌搜索了一下，但没有找到满意的答案。我要更改CSS文件还是PHP文件

第二，有没有比复制粘贴php代码更好的方法在页面上显示多个图像

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
 <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
     <title>IS THIS THING ON?</title>
     <link rel="stylesheet" href="./wp-content/themes/cosmicbuddy/_inc/css/screen.css" type="text/css" />
 </head> 
 <body>
    <a href="<?php bp_send_public_message_link() ?>" class="myButton"><!-- button --></a>
 </body> 
 </html>

非常感谢

首先，您只需声明页面一次：


这东西开着吗？

任何内容都应该位于body标记之间

其次，您可以使用以下代码显示图像：

您可以在

标记内重复此代码任意多次。

查看您的CSS，您将元素声明为块和内联。。一个是压倒另一个

我建议将CSS更改为内联块

（参见编辑后的代码）

另请参见@David Nguyen的建议

.myButton {
    background-image: url(/wp-content     /themes/cosmicbuddy/_inc/images/kaksnuppu.gif);
    height: 22px;
    width: 22px;
    margin-left: 5px;
    display:inline-block;
}

你的意思是在一个文件中包含两个完整的网页吗？希望不是。在你尝试跑步之前先学会走路。在开始学习CSS和PHP之前，先了解HTML。在@Scott的上下文中，我正在使用wordpress的buddypress建立一个社交媒体网站。@RedFilter，我已经读过这方面的内容，我承认所有这些对我来说都是非常新和重要的，但我认为这是一个很好的学习方法。在我带着问题来到这里之前，我会用谷歌搜索。

display:inline

不会触发宽度和高度-而且背景图像也不会按预期显示。如果您想调整大小属性，请使用

display:block

或

display:inline block

。我尝试了这两种方法：display:inline block；显示：内联；但由于某些原因，它们仍然在彼此下方。@我尝试了这两种方法：display:inline block；显示：内联；但出于某种原因，它们仍然在彼此的下面。

.myButton {
    background-image: url(/wp-content     /themes/cosmicbuddy/_inc/images/kaksnuppu.gif);
    height: 22px;
    width: 22px;
    margin-left: 5px;
    display:inline-block;
}