避免在div中换行

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

<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

来源

2016-03-28 Delfin

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

如果它返回的一个HTML片段（例如，<跨度>你的结果</SPAN >），你可能需要调整的结果，不包括任何embbed div标签。

来源

2016-03-28 01:49:08

如果它是一个预定义函数，我该如何调整结果，类似的事情发生在<？php wp_register（）; ？>，它始终包含div标签 – Delfin

您可能必须使用字符串操作来删除/替换不希望包含在结果中的标签。可以为特定位置创建样式，以便在不更改标记的情况下更正这些问题，但这会让您的CSS变得非常臃肿。 –

这听起来像你找为<span>标签。它用于分割HTML样式的段。

来源

2016-03-28 01:03:54 user197092

的标签你如何使用它没有工作 – Delfin

？它究竟如何不工作？不允许风格，或破坏文字？您需要像使用示例明文 – user197092

中断文本一样使用它，结果完全相同 – Delfin

是的，正如user197092所说，这是一个php问题，如果它是一个预先定义的函数，可能很难调整结果以不包含embbed 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; }

这个工作对我来说

来源

2016-03-28 05:06:11 Delfin

避免在div中换行

回答

相关问题