CSS的問題和解決方案，以增加一個div

我有一個問題，我嘗試用CSS盡力解決我告訴你一個形象：CSS的問題和解決方案，以增加一個div

enter image description here

我的CSS：

div#test { 
width:90%; 
z-index:1; 
padding:27.5px; 
border-top: thin solid #736F6E; 
border-bottom: thin solid #736F6E; 
color:#ffffff; 
margin:0 auto; 
}

我試圖讓它包裝在所有的瀏覽器類型？

另一個問題即時知道是，如果你看一下第一形象，下面我一個cropted形象也想嘗試的X加評論和IMG（超鏈接）添加到每個DIV像這樣：

enter image description here

不知道如果這可能通過CSS？

來源

2011-03-23 Garrith Graham

哪些瀏覽器失敗？另外，你能否包含你的HTML代碼？ – tahdhaze09 2011-03-23 13:34:36

你第一次問我相信可以通過添加一個「位置：相對」您的div＃測試解決。另一個問題的答案取決於你從哪裏獲取數據。它會親自建議你使用asp：repeater來實現。 – diceler 2011-03-23 13:36:39

對於第一個問題，這應該做的伎倆：

white-space: pre; 
white-space: pre-wrap; 
white-space: pre-line; 
word-wrap: break-word;

的順序很重要，CSS2/CSS2.1/CSS3逐步增強。

對於第二個問題，這是可能的，當然，但在語義上它取決於圖像的內容。如果它不與內容相關，則使用background-image: url('somepath/someimage.png');。否則，請在HTML中使用img標籤。

來源

2011-03-23 13:35:36 melkamo

我想在後面的代碼中將img的內容設置爲在asp中，Id還想盡可能縮小圖像的大小？如果你能爲兩部分提供答案，我會給你正確的答案。 – 2011-03-23 13:41:24

也是怎麼樣的圖像在div內的位置？和commenst和x超鏈接？ – 2011-03-23 13:42:45

由我的意思是將img設置爲可以設置asp imgs？ – 2011-03-23 13:46:21

對於第一個問題，請嘗試添加word-wrap: break-word;。你可以嘗試使用CSS僞裝選擇器（僅適用於IE 8+），但我認爲用JavaScript做這件事會好得多（即在DOM加載之後，迭代每行並且創建/附加一些新的標籤） - jQuery可以使這很簡單。你的問題的

來源

2011-03-23 13:34:46

第一部分聽起來像你需要使用CSS word-wrap：

#test { 
    word-wrap: break-word; 
}

更多信息，請參見https://developer.mozilla.org/En/CSS/Word-wrap。

另請參閱http://caniuse.com/#search=word-wrap瞭解瀏覽器支持細節（它得到了廣泛的支持，所以沒有問題）。

對於問題的第二部分，您應該將容器<div>設置爲position:relative;。然後，您可以使用position:absolute;來查找您想要處於固定位置的元素，並根據具體情況將它們定位爲top，bottom，left和right。

來源

2011-03-23 13:35:08 Spudley

CSS的問題和解決方案，以增加一個div

回答

相關問題