我想将动态内容(包含带有一些图像的长文本输入)放入具有固定宽度(300px)和高度(1000px)的div中,挑战是我不能使用overflow:auto in css when内容的长度超过了div的高度(1000px),相反,我被要求将长内容分成带有分页的页面。
是否可以使用PHP实现,还是必须使用javascript(jquery)?
我正在考虑计算字符数并将它们分开,但当内容带有不同尺寸的图像时,这似乎不正确......
任何想法??
答案 0 :(得分:3)
这可能非常复杂(我想说“不可能”)在服务器端进行,因为有太多客户端效果无法计算(浏览器默认设置为边距,填充,用于缩放的行高,字体大小和用户设置),我更愿意在客户端执行此操作。
我使用jQuery做了一个小例子:http://jsfiddle.net/doktormolle/XwUuA/
它接受target-element的子节点,并将它们包装到与target-element具有相同尺寸的新元素中(只要包装器的高度不超过target-element的高度) 。
也许它对你有用(这是一个草案,当然还有必须根据你的需要进行处理)
答案 1 :(得分:0)
你可以使用PHP。找出每行可以获得多少个字符,以及div中可以容纳多少行字符。然后,使用PHP,计算字符数除以字符/行,然后您将拥有文本占用的行数。然后你可以使用getimagesize()来获取图像尺寸,并从那里开始。
有关详细信息,请参阅PHP function。
答案 2 :(得分:0)
我想在HTML中使用C#Windows Forms应用程序。 我想要做的是根据一些数据库表生成一些内容并将它们发送到打印机。内容必须符合A4纸。
经过大量的反复试验后,我根据内容的大小,位置等测量了内容的最大大小,并在HTML的CSS部分编写了数字。 有了这个,我可以得到一个很好的结果。某些输入仍有一些轻微错误,但这对我有用!