HTML標籤值得到水平滾動條,如何格式化？
摘要：
這是我的部落格頁面.我的一些帖子有C#程式碼塊.為此,我使用<'pre'>標籤.預標籤寬度為100％,具有背景顏色.但是,文字如下圖所示.我該如何克服呢？我不想要底部的滾動條.
有幾個解決方案：
最簡單的是在文字中放置換行符.這可能不是你想要的...
這是我的部落格頁面.我的一些帖子有C#程式碼塊.為此,我使用<'pre'>標籤.預標籤寬度為100％,具有背景顏色.但是,文字如下圖所示.我該如何克服呢？我不想要底部的滾動條.
有幾個解決方案：
最簡單的是在文字中放置換行符.這可能不是你想要的,因為它將留下大的右邊距或仍然導致滾動條,除非瀏覽器視窗只是正確的大小.
另一個是使用空格：預先包裝;在您的<pre>標籤.這將導致文字根據需要換行到新行,但仍保留源中存在的所有空格.有關此CSS屬性的更多資訊,請參閱ofollow,noindex" target="_blank">http://www.w3schools.com/cssref/pr_text_white-space.asp .
或者,如果您不想新增任何換行符(手動或通過自動換行),則可以使用以下CSS屬性之一為您的<pre>標籤：
> overflow-x：hidden;這將簡單地切斷延伸到正確邊緣的文字.它根本看不到.
> overflow-x：scroll;當文字延伸到正確的邊緣時,這將導致滾動條出現在您的網頁中.這將防止整個頁面變得如此寬,滾動條出現在底部.以http://www.w3schools.com/cssref/playit.asp?filename=playcss_overflow-x&preval=scroll 為例.
程式碼日誌版權宣告：
翻譯自：http://stackoverflow.com/questions/13676587/html-pre-tag-values-get-horizontal-scroll-bars-how-to-format-it