定影HTML和CSS

首先..我要如何解決這個問題： http://jsfiddle.net/kLjcq/定影HTML和CSS

我看到這個正確的格式在我的瀏覽器..！

但在fiddel它攪亂事情.. :(發生什麼事了？我該如何解決這個問題？

其次是..如果我有很長字符串......它射過標題爲「Reading from xml ...」的淺灰色邊框

我在尋找的是這個文本的maxiumum傳播去那高達邊框..和之後的..它打破到下一行..使文本正確封閉..

在div.content

div.content { 
    background-color: #add8e6; 
    display:inline-block; 
    margin-top: 20px; 
    border-radius: 10px; 
    position: relative; 
    top:-5px; 
}

我試圖增加限制和東西..但它限制藍色框的像素值但我想文本（和藍色框）限制達到一定的限制之後，它打破了一個新的線...... 任何線索。謝謝

來源

2013-02-07 user2052251

堆棧溢出wasnt讓我發佈另一個鏈接（這裏新用戶）但這裏可能是有用的 http://picpaste.com/pics/Screenshot_from_2013-02-07_13_37_15-GBjeEsL8.1360273419.png – user2052251

發帖另一個圖像在一個問題中，2個不相關的問題最終只能回答1個問題或其他答案。 – cimmanon

@cimmanon：謝謝你的提示。我會記住這一點:) – user2052251

你絕對定位.checksheet類。這將其從文檔流中移除。其他元素，如你的.content-類別不關心它。

我不知道你爲什麼在這方面使用position: absolute;，但它會產生你的錯誤。

來源

2013-02-07 21:50:50 kleinfreund

嗨。謝謝:)我希望我可以upvote你。但我還沒有足夠的聲望呢。 :) 任何線索上的文字限制thingy？ – user2052251

嗨..是否有幫助..相信我。完整的標記張貼在jsfiddle ..http：//picpaste.com/pics/Screenshot_from_2013-02-07_13_37_15-GBjeEsL8.1360274477.png – user2052251

你的小提琴因爲你使用絕對定位而破裂。當屏幕很窄時，檢查表中的元素正在環繞，但後面的元素的定位方式會假設前面的元素只有1行而不是2個。

沒有與您的第二個相關的實際標記問題，我們只能猜測實際問題是什麼。但是，由於您在提供的樣本中使用pre，罪魁禍首很可能在那裏。你需要的是增加一個屬性是這樣的：

white-space: pre-wrap

如果沒有這個屬性，前期標籤一般不允許元素，自動換行，這將導致其採取了儘可能多的水平空間儘可能地顯示所有的文字。

來源

2013-02-07 21:57:56 cimmanon

但是，這是完整的標記？我應該在css中指定某種寬度的屬性嗎？ – user2052251

@ user2052251您只爲第一張圖片提供了小提琴，而不是第二張。 – cimmanon

回答

相關問題