0

Googleの場所のオートコンプリートで5（デフォルト）より少ない結果を表示する方法はありますか？

4

2 に答える 2

2

私が精通している5つ未満の結果を表示する方法はありませんが、cssを使用してオートコンプリートドロップダウンの高さを変更することはできます。

オートコンプリートのdiv結果を保持するは、オーバーフローがすでに非表示に設定されているpac-containerクラスを使用してスタイル設定されるため、高さを50pxのように設定すると、50pxを超えるdivを満たす結果はすべて非表示になります。この例では、これにより最後の2つの結果が非表示になり、3つだけが表示されます。

.pac-container {
  height: 50px;
}

ドロップダウンの高さを変更し、ユーザーが下にスクロールして追加の結果を表示できるようにする場合は、高さを50pxなどに設定し、overflow-yをスクロールに設定できます。

.pac-container {
  height: 50px;
  overflow-y: scroll;
}
于 2012-08-08T07:00:30.557 に答える
-1

最新のcssを使用すると、表示される結果の量を制限することもできます。たとえば、3つの結果：

.pac-item { display: none; }
.pac-item:nth-child(-n+3) { display: block; }

またはその間の何か:-) https://developer.mozilla.org/de/docs/Web/CSS/:nth-child

htmlクラス名のドキュメントは、公式のGoogleページにあります：https ：//developers.google.com/maps/documentation/javascript/places-autocomplete#style-autocomplete

于 2020-10-16T05:59:30.167 に答える