CSS語音氣泡自動調整大小？

/* Normal Bubble */ 
.bubble { 
    width: auto; 
    font-size: 0.75em; 
    margin-bottom: 24px; 
} 

.bubble blockquote { 
    margin: 0px; 
    padding: 0px; 
    border: 1px solid #c9c2c1; 
    background-color: #000; 
} 

.bubble blockquote p { 
    margin: 10px; 
    padding: 0px; 
     font-size: 21px; 
} 

.bubble cite { 
    position: relative; 
    margin: 0px; 
    padding: 7px 0px 0px 15px; 
    top: 6px; 
    background: transparent url(b/tip.gif) no-repeat 20px 0; 
    font-style: normal; 
}

我的評論..這看起來像「泡泡」。CSS語音氣泡自動調整大小？

我不希望它從一開始就很大，我想在文本後面定製它。我的意思是如果你寫了「你好」，那麼它應該在它周圍可能有1-2px的邊距，所以如果你寫道：「你好，我的名字是，我喜歡做飯！」那麼它應該是更大的..現在這樣吧：

<div class="bubble"> 
      <blockquote> 
<p>the comment text is here</p> 
     </blockquote> 
     <cite>Written by me</cite> 
</div>

來源

2010-02-25 Karem

你的意思是說這樣嗎？

.bubble blockquote p { 
    display: inline; 
    /*(...)*/ 
}

見http://www.htmldog.com/reference/cssproperties/display/

來源

2010-02-25 16:02:59 ANeves

我不知道挺你問任。

也許你指的是創建一個彈出窗口（使用圖像），根據內容的大小進行縮放？要做到這一點，你需要多個重疊的圖像。它只能在一個方向上縮放（垂直或水平），您需要兩個圖像，如果它在兩個方向上縮放，都需要創建四個圖像。此技術有時稱爲"sliding doors".

來源

2010-02-25 16:10:53 Roy

div默認爲塊級別，因此將其寬度擴展爲其父容器（而不是其內容）的寬度。

兩個問題需要考慮是將DIV設爲

顯示：inline-block的

或浮動的。

來源

2010-02-25 16:14:36

CSS語音氣泡自動調整大小？

回答

相關問題