Googleマップオートコンプリート入力で行を折り返すにはどうすればいいですか

Question

Googleマップのオートコンプリート行を2行目または3行目に折り返して、[...]でアドレスを切り捨てるのではなく、完全な提案を表示します。それが今やっていることの添付

スクリーンショット：

ここで私は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; 
} 

Answer 1

には、以下のCSSを追加して、あなたが行くように良いことがあります...など、ワードブレーク、オーバーフローを混合しようとしました。他のGoogleマップのデフォルトCSSプロパティを変更する必要はありません。

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

これにより、省略記号のプロパティが無効になり、すべての候補テキストが表示されます。

これをCSSファイルに配置すれば正常に動作します。うまくいかない場合は、CSSを先頭に置くか、本文タグを閉じる直前に試してみてください。

Working fiddle