内部的CSS边框推送内容(box-sizing:border-box)

时间:2013-06-11 06:26:18

标签: css css3

我有一个拖放式设计工具(http://www.cupcard.com/designer-tool/),我遇到一些问题,用户在画布上添加Text-elements,然后在画布和边框上添加边框然后推送文本元素的位置。

您可以通过拖动Text元素,然后转到Layout-> Border Size并滑动滑块来设置您的大小来尝试此操作,您将看到画布内的文本元素被推动。

这是因为我有位置:亲戚;在画布上和位置:绝对;在里面的元素上,所以里面的元素相对于画布定位。

我有位置的原因:相对于Canvas是因为稍后我需要将用户设计的HTML转换为可以打印的.pdf文件。因此,用户设计的元素的位置不能相对于整个页面本身,而是需要相对于用户正在设计的卡片。

有关如何解决此问题的任何想法,以便用户可以在不推送内容的情况下设置边框?

0 个答案:

没有答案