如何在Google地圖中自動填充行輸入

我想這樣做，以便Google地圖自動填充行可以換行到第二行或第三行以顯示完整的建議，而不是用[...]截斷地址。如何在Google地圖中自動填充行輸入

截圖附加的東西它現在這樣做：

這裏是我到目前爲止對CSS代碼。大部分是它只是基本的格式，但我試過混合溢出，分詞等...

// Google Maps Autocomplete 
.pac-container { 
    left: 0; 
    width: 26.5%!important; 
} 
.pac-item { 
    height: 1.5rem; 
    margin: 0 0 5px 0; 
    font-size: .775rem; 
    word-wrap: break-word; 
    height: auto; 
}

來源

2016-04-04 straubcreative

不要忘記設置'text-overflow：unset'。如果您首先使用瀏覽器的開發人員工具檢查問題中的元素，以查看您需要顛倒的CSS屬性，它會有所幫助。 –

右鍵單擊文本框，然後檢查元素。然後複製併發布該元素的完整CSS代碼。您發佈的CSS沒有（文本溢出：省略號;白色空間：nowrap;）它給你點dot點在第一位 – Tasos

添加以下的CSS，你應該很好去。無需更改其他Google地圖默認的CSS屬性。

.pac-item{ 
    white-space:pre-line; 
}

這將禁用省略號屬性，並顯示所有建議文本。

把它放在你的CSS文件中，它應該可以工作。如果它不起作用，請嘗試將CSS置於頭部或在正文標籤關閉之前。

Working fiddle

來源

2016-04-05 04:40:06 ihimv

謝謝@ihimv，完全工作:) – straubcreative

如何在Google地圖中自動填充行輸入

回答

相關問題