5

ここにある Stackoverflow のようなタグ ボックスを配置する方法を知りたいです。

タグコンテナの幅を超えたときに、タグが右または下ではなく左に押されるようにタグを配置する必要があります。

これまでのところ、次の CSS コードがあります。

#tagsContainer{
    border: 1px solid black;
    width: 400px;
    height: 28px;
    overflow-x: scroll;
}
#tagsBox{
    float: left;
}
#tagsTxtBox{
    float: right;
}

そして、この HTML コード:

<div id="tagsContainer">
    <div id="tagsBox"></div>
    <div id="tagTxtBox"><input type="text" id="autocompletes" /></div>
</div>

前もって感謝します！

4

2 に答える 2

7

このリンクを見てください: Chosen and Token Input。どちらもフォーラムで見つけました: jQuery plugin for a simple input box for comma-separated tags with autosuggest

于 2012-07-09T17:38:19.973 に答える
1

directionon .tagsBox をrtl(「右から左」の略) に設定することでこれを解決し、 を追加しまし'text-align: left'た。テキストは依然としてボックスの左端に揃えられていますが、テキストが長すぎてボックスからはみ出すと、ボックスの左側からはみ出します。

これにより、タグの順序が変更されます。でも、そういうものなので、順番は関係ないと思います。

于 2012-07-09T17:47:56.077 に答える