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.