Question

当我使用php函数时，如何避免div中的换行符。我的代码是HTML

<div class="toolbar"> 
  <div style="float:left; "> 
    Profile <?php get_search_form(); ?> 
  </div>
</div>

我在css中的代码是

.toolbar {
  background: #F2F2D7;
  width: inherit;
  font-family: "Palatino";
  padding-top: 5px;
  padding-bottom: 5px;
  position: fixed;
  top: 0;
  box-shadow: 0px 4px 9px 2px #888888;
  z-index:2;
  white-space: nowrap;
}

我得到了类似的东西：

<p> Profile </p> <p> Buscador </p>
<p> and what I want is </p>

简介Buscador

Answer 1

这取决于get_search_form()返回的内容。如果它返回一个字符串，那么您可能需要查看包含div的应用样式。

如果它返回一个HTML片段（例如，＆lt; span＆gt;您的结果＆lt; / span＆gt;），您可能需要调整结果以不包含任何嵌入的div标记。

Answer 2

这听起来像是在寻找<span>标签。它用于划分HTML的样式部分。

Answer 3

是的，正如user197092所说，这是一个php问题，如果它是一个预先设定的函数，可能很难将结果调整为不包含embed div标签。我用flex解决了它，我的代码是：

<div id="toolbar"> 

            <div id="toolbar1"> 
                Profile
            </div>

            <div id="toolbar2"> 
                <?php echo get_search_form(); ?>
            </div>

        </div>

和CSS

#toolbar {
display: flex;}

#toolbar1 {
flex: 1;}

#toolbar2 {
flex: 2;
margin-left: 10px; }

这对我有用

避免div

3 个答案: