FF不顯示自動換行CSS屬性

我嘗試WordPress的框架內，試圖讓博客文章的標題出現在一個大方塊，與出現中期字，如果有必要保持其形狀換行符。FF不顯示自動換行CSS屬性

使用word-wrap和（顯然）word-break CSS屬性，我在Safari/Chrome中獲得了我想要的外觀...。 Firefox 7拒絕將這些單詞分開。 IE的確比FF好一些，但是它的換行似乎更加隨意（同樣，IE在這一點上並不是優先考慮的事情）。主要是我試圖找出爲什麼word-wrap和/或word-break不會在FF中的這種情況下工作。

我不使用表。
word-break這裏似乎是活躍的CSS屬性。當我將其移除並在Safari/Chrome中測試該頁面時，這些線條停止了中間詞的打破。
我不認爲任何自動應用的WordPress類（hentry，格式標準等）正在發揮作用，但糾正我，如果我錯了。除了jsfiddle鏈接中顯示的樣式之外，其他CSS是標準的Twenty Eleven WP主題。

阿活例如：（簡化而準確的HTML/CSS）：http://jsfiddle.net/3U4Xc/1/

任何輸入被理解。

來源

2011-10-05 kingstringy

它不起作用，因爲火狐7不支持word-break。

在一個側面說明這不會解決你的問題white-space: -moz-pre-wrap;不會在Firefox 7工作，要麼。它應該是white-space: pre-wrap;

來源

2011-10-05 09:38:57 tw16

很酷，謝謝。找不到關於FF支持單詞分解的信息。白色空間的聲明只是黑暗中的一個鏡頭。 – kingstringy

由於您的div使用文本對齊：證明，你不會得到任何進一步。另外，代碼中的空格可能會簡化爲空格：pre;然而，文本對齊的一方，而不是預先格式化對方不交朋友。我猜想不太瞭解那個文字分解的東西，HTML5。你究竟想達到什麼目的？什麼/不是/打破，或打破，你想要分裂？請注意，屏幕尺寸和用戶設置一直以來都會因爲任何靜態定位而臭名昭着。

來源

2011-10-05 05:04:02 phh

我正在尋找一個正方形的文本塊，當文本遇到包含div（甚至是中間詞）的限制時出現換行符。如果沒有text-align：justify，所有瀏覽器都會在單詞分隔符處中斷。通過文本對齊：對齊，Safari/Chrome爲我帶來了理想的效果。大多數情況下，我試圖弄清楚爲什麼FF沒有給出與S/C相同的反應，即使我能找到的所有瀏覽器都符合這個CSS屬性。 – kingstringy

至於單詞分解，我也不太瞭解，在我發佈前的研究中發現它。剛剛看到這個：http://stackoverflow.com/questions/1795109/what-is-the-difference-between-word-break-break-all-versus-word-wrap-break-w – kingstringy

剛剛嘗試刪除文本 - 對齊：證明。沒有效果。 S/C仍然在中間插入換行符（這是我正在尋找的），但FF仍然沒有。 – kingstringy

FF不顯示自動換行CSS屬性

回答

相關問題