避免在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中換行

回答

相關問題