Javascript 带图像的两列文本块

Javascript 带图像的两列文本块,javascript,html,css,web,markup,Javascript,Html,Css,Web,Markup,我需要一些帮助。。。 我应该如何对一个布局进行标记,该布局包含两个图像和一块分为两列、宽度不同的文本,其中第二列由于其中一个图像而开始低于第一列?以下是我的布局示意图: 我希望我对我的问题描述得足够清楚 附言:真的有可能吗?CSS3有一个解决方案,但它还不是标准的,在较旧的浏览器中不起作用。这里有一个链接 也许最好的办法是以某种方式使用javascript。将所有文本放在第一列并测试高度,然后将部分文本移到下一列,直到有相等的列或第一列达到所需高度 另一种方法是预先确定比例,例如(第一列为2/

我需要一些帮助。。。 我应该如何对一个布局进行标记,该布局包含两个图像和一块分为两列、宽度不同的文本,其中第二列由于其中一个图像而开始低于第一列?以下是我的布局示意图:

我希望我对我的问题描述得足够清楚


附言:真的有可能吗?

CSS3有一个解决方案,但它还不是标准的,在较旧的浏览器中不起作用。这里有一个链接

也许最好的办法是以某种方式使用javascript。将所有文本放在第一列并测试高度,然后将部分文本移到下一列,直到有相等的列或第一列达到所需高度

另一种方法是预先确定比例,例如(第一列为2/3,第二列为1/3)。然后使用字符计数根据比例分割文本。这并不精确,您可以使用类似于上述方法的方法根据溢出属性查找精确的宽度,但字符的平均长度应为正确的长度

这个方法非常简单,看起来像

var txt='Column text...';
var len=txt.length;
var chars=Math.floor(len*.67);
//Assuming you want 2/3 of the text in the first column
document.getElementById('col1').innerHTML=txt.substring(0,chars);
document.getElementById('col2').innerHTML=txt.substring(chars);
//Notice that this could split in the middle of a word so you would need to do
//some checking for the nearest space and the change the break to there.
//Also you could then use the previous method to adjust it if you want something really accurate

你可以在两块html之间分割文本吗,或者你需要它成为一个巨大的段落吗?你试过什么了吗?我想你是在尝试使用CSS专栏?@Joel不幸的是我无法拆分它…它就像报纸一样!这很难设计。(不可能)@rgthree,我甚至不知道该怎么做,因为两个不同宽度的栏超出了我的理解范围,而那个正确的图像让我更糟。