Php 如何并排设置两个按钮

Php 如何并排设置两个按钮,php,html,css,wordpress,Php,Html,Css,Wordpress,我最近在wordpress博客上安装并修改了一个模板。所有的修改都很简单(除去我不想要的div),但是请考虑一下我对网页设计几乎一无所知的事实。 正如我在上一个问题中所解释的,我试图并排显示两个按钮,每个按钮都链接到我网站中的特定页面 我的第一个挫折是试图让它们显示出来,因为模板解析的是明文,而不是将短代码转换成按钮(我正在使用一个名为MaxButtons的插件——对于那些不知道它的人来说,它使按钮的创建和管理变得更简单)。谢天谢地,我在stackoverflow成员的帮助下克服了这个问题,他告

我最近在wordpress博客上安装并修改了一个模板。所有的修改都很简单(除去我不想要的div),但是请考虑一下我对网页设计几乎一无所知的事实。 正如我在上一个问题中所解释的,我试图并排显示两个按钮,每个按钮都链接到我网站中的特定页面

我的第一个挫折是试图让它们显示出来,因为模板解析的是明文,而不是将短代码转换成按钮(我正在使用一个名为MaxButtons的插件——对于那些不知道它的人来说,它使按钮的创建和管理变得更简单)。谢天谢地,我在stackoverflow成员的帮助下克服了这个问题,他告诉我使用do_快捷码函数。现在,我的代码如下所示:

<div class="slider-wrapper">

    <div class="full_content">
    <center>
                       <h1></h1><h1></h1>
                       <h2></h2> 
             <p></p>
            <p></p>

    </center>
    </div>
</div>
<p>This is a button: <a href="/1" class="button">Button</a> 
<a href="/2" class="button">Button</a>]</p>

非常感谢您的帮助,请提前感谢:)

显示:内联块是一个很好的方法。它可以像块元素一样设置样式,但不强制换行

由于您使用的是短代码来显示按钮标记,因此我们无法帮助您了解确切的css规则。然而,我猜它将输出如下内容:

<div class="slider-wrapper">

    <div class="full_content">
    <center>
                       <h1></h1><h1></h1>
                       <h2></h2> 
             <p></p>
            <p></p>

    </center>
    </div>
</div>
<p>This is a button: <a href="/1" class="button">Button</a> 
<a href="/2" class="button">Button</a>]</p>
结果将是两个按钮在同一行中彼此相邻


进一步阅读:

请显示您的HTML输出,而不是与此问题无关的PHP代码。如果我查看页面的源代码,我假设您要求我显示的是我在浏览器中看到的内容。我会补充有关部分。谢谢。我相信这些都是由上述插件MaxButtons生成的。很抱歉我问了这样一个问题,但正如我所说的,我没有任何使用css的经验:我应该在哪里添加display:inline块?(css的哪一部分)我尝试将您的代码添加到/plugins/maxbuttons/中的style.css文件中,但没有得到任何结果。这可能是因为该插件打算用于帖子而不是第一页。然而,我现在有了一个如何对齐按钮的想法,我将尝试创建自己的css按钮。谢谢你的帮助:)
.button {
    display: inline-block;
    /* add more crazy CSS3 stuff like rounded corners and gradients... */
}