ie8-當圖像只有最大寬度時，將文本寬度限制為圖像寬度
[英]ie8 - limiting text width to image width when the image has only max-width
問題描述
我有一個帶有文本的頁面，一個帶圖像的div和右側有關圖像的短文本。
我只想設置圖像的最大寬度（而不是寬度），我想將圖像的文本限制為圖像的寬度。 我在這里使用了答案之一： 在CSS中將文本限制為同級圖片的寬度/自動寬度 -並設置正確的div：display：table和width：1px。 但是現在我在ie8中遇到了一個問題，因為ie8的錯誤描述如下： http : //bytes.com/topic/html-css/answers/870359-ie8-display-table-cell-max-width-bug-當孩子的最大寬度小於固有寬度時，給元素錯誤的寬度。
在上面的鏈接中有一個解決方案-設置table-layout：fixed，但是它導致我的div寬度為1px。
有沒有人有辦法解決嗎？
謝謝！
PS我有說明問題的圖片，但是我是新用戶，所以我不能發布它們...
1 個解決方案
解決方案1
0 2012-02-16 23:27:14
您可以將CSS字母間距屬性與字體大小結合使用，以供初學者使用...
you_selector {letter-spacing: 2px;}
查看jsFiddle代碼，這是您應該進行的更改...
添加此CSS ...
.ImageTextPanel {float: none;}
.ImageTextPanel span {letter-spacing: 0px;}
將所有文本保留在段落和跨度元素內。 將文本直接放入除法元素在技術上是有效的，但這是非常差的做法。
<DIV class="ImageTextPanel"><span>Text about the image, may be multiple lines.</span></DIV>
也不要對HTML使用大寫字母，那太垃圾了。 如果您真的想精通學習將XHTML用作application / xhtml + xml的程序（您也可以使用XHTML5），因為嚴格的規則使調試器容易得多，並且最終將使基礎知識變得更快。
使用最大寬度時，圖像無法在IE8中居中嗎？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.