Question

已经设计好圆角矩形图并切分成九宫图,求一套CSS+div方法编写成内容高度自适应`宽度自适应的方法!

我是新手`我已经做了好多方法`但是就是内容一旦超过高度或宽度就会爆开.
我请问怎么做才能解决!!
求好心人解答!!

Answer 1

汗，这个不是有个横向和纵向背景重复吗？你这样切图是错的……。

切成三块就行了，HTML代码

<div><img src="切出来的头部图片URL"></div>

<div style="background-image:url(切出来的中间部分图片URL);height:auto;background-repeat:y-repeat;"></div>

<div><img src="切出来的尾部图片URL"></div>

Answer 2

首先你这个切图方式就有问题，其次，你是想怎样自适应啊？如果文字多了，你到底是想高度不变 宽度自适应呢 还是宽度不变 高度自适应呢？如果宽度和高度同时自适应的话，那么请问你拿什么来参照？假如你是电脑，我给了你一个1000字的文章装在你肚子里，我让你宽高自适应，你怎么给我解读，如果宽自适应，那能让一个1000字全写在一行里，如果是高度自适应，能让1000字全写在一列里，同时自适应这段文字该怎么排？

Answer 3

这个是浏览器的兼容性 问题 在 ie下无法正常现实圆角的，需要一个插件的支持

Answer 4

你这是fw切的？直接用fw转成html不就行了？