我有一个带有文字的页面,一个带有图像的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我有照片说明问题,但我是新用户,所以我不能发布它们......
答案 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),因为更严格的规则使得调试器更容易,你最终会更快地抛出基本的东西。