2

私はこのhtmlを持っています：

<div id="tagsCloud" class="feedBarSegment">
<div id="tagsCloudHeader" class="segmentHeader">Tags</div><span class="tag">Psalm 33</span><span class="tag">Edgar Allen Poe</span><span class="tag">John</span><span class="tag">Hello</span><span class="tag">Test</span></div>

このCSSで：

.segmentHeader {
    font-size: 1.15em;
    font-weight: bold;
    border-bottom: #7792ad solid 1px;
    margin-bottom: 5px;
}

.feedBarSegment {
    width: 250px;
    margin: 52px 20px 20px 25px;
}

#tagsCloud {
    margin-top: 10px;
}

.tag {
    display: inline-block;
    background: #e9e3c4;
    padding: 2px 4px;
    border-top: 1px black solid;
    border-right: 1px black solid;
}

.subject {
    display: inline-block;
    background: #f2b2a8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 3px 2px 3px;
    border: black solid 1px;
    margin: 2px;
}

各行でタグが収まらない場合は、その行のタグにパディングが追加され、最後に余分なスペースを設けるのではなく、行全体に完全にまたがるようにします。これは可能ですか？

4

3 に答える 3

1

inline-blockコンテナから移動できる場合は、コンテナ上inlineで.tags使用できますtext-align: justify;。

于 2011-07-20T15:40:57.053 に答える
0

あなたが探しているのは次のとおりだと思います：

#tagsCloud {
  text-align:justify;
}

http://www.w3schools.com/cssref/pr_text_text-align.asp

于 2011-07-20T15:39:46.780 に答える
0

あなたが欲しいのは のようですtext-align: justify。

于 2011-07-20T15:41:10.140 に答える