0

このhttp://jsfiddle.[net]/Nkkzg/108/ (SO は JsFiddle の使用を許可していません) を参照し、オートコンプリート テキスト ボックスに「Apple」と入力してください。長い文字列が表示され、そのページの水平スクロール バーも表示され、非常に煩わしいことがわかります。幅を設定せずに結果として文字列全体を表示したいのですが、文字列の長さに応じて、左隅から右端までオートコンプリート結果の div ショーが表示されます。水平スクロールバーが表示されないように、入力テキストボックスのようにページの中央に結果を表示するにはどうすればよいですか。

どんな助けでも大歓迎です。

ありがとうございます。

4

3 に答える 3

1

使ってみるべきposition:absolute

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    border:1px solid #222;
    position:absolute;
  }

ライブデモ

于 2013-07-08T00:01:56.463 に答える
0

これを .css ファイルに入れてみることができます

span input.ui-autocomplete-input {
    width: 100%;
}

そのようにして、オートコンプリートは、それを囲む span タグにある styleClass に従って、スタイルを設定した幅を取得します

于 2014-10-07T12:46:23.997 に答える