ie8 - 当图像只有最大宽度时,将文本宽度限制为图像宽度

时间:2012-02-13 10:13:50

标签: html internet-explorer-8 image css

我有一个带有文字的页面,一个带有图像的div和右边图像的短文。

我只想设置图像的最大宽度(而不是宽度),我希望图像的文本仅限于图像的宽度。 我在这里使用了其中一个答案:Limit text to the width of sibling image / auto width in CSS - 并设置正确的div:display:table和width:1px。 但是现在我在ie8中遇到了问题,因为ie8有一个错误在这里描述:http://bytes.com/topic/html-css/answers/870359-ie8-display-table-cell-max-width-bug - 当子的max-width小于固有宽度时,它给元素提供了错误的宽度。

在上面的链接中有一个解决方案 - 设置table-layout:fixed,但它会使我的div宽度为1px。

有没有人有解决方案?

谢谢!

PS我有照片说明问题,但我是新用户,所以我不能发布它们......

1 个答案:

答案 0 :(得分:0)

您可以将CSS字母间距属性与字体大小结合使用作为初学者......

you_selector {letter-spacing: 2px;}

在这里查看jsFiddle代码是你应该做出的改变......

添加此CSS ...

.ImageTextPanel {float: none;}
.ImageTextPanel span {letter-spacing: 0px;}

将所有文本保留在段落和span元素中。虽然将文本直接放入除法元素在技术上是有效的,但实践却很糟糕。

<DIV class="ImageTextPanel"><span>Text about the image, may be multiple lines.</span></DIV>

也不要使用HTML的大写字母,这是垃圾。如果你真的想要excel学习编程XHTML作为application / xhtml + xml(你也可以使用XHTML5),因为更严格的规则使得调试器更容易,你最终会更快地抛出基本的东西。