Javascript CSS-沿角度包裹文本

我试着让文本沿着一个角度环绕。这说明了我试图做得比我所能描述的更好：

我找到了一个解决方案，但它使用了大量的空浮动div来创建效果。我需要在一个页面上多次这样做，所以最好有一个重量更轻的解决方案。如果我可以在页面加载时运行JavaScript，以避免DOM过载的额外元素，那么JavaScript是可以的

我为一个JS解决方案所做的头脑风暴甚至试图找出如何将每一行包装成一个跨距，并将跨距的左边距依次设置得更大。需要注意的是，文本是一个段落，它将自动换行以适应容器中的需要-不幸的是，我不能要求我的客户机从Wordpress中插入换行符-因此，要将每一行换行到一个跨距中，需要使用javascript检测自动换行符

---

有什么建议吗？

如果在段落左侧有一个空白图像（锯齿状的步骤），您应该这样做

这非常棘手，因为您无法合法地（w3c标准；监控屏幕分辨率大小和隐私）检测字符的实际宽度。您可以将字体大小设置为特定宽度，并在接近宽度时自行插入换行符。（在b4监视器中）

所以css:.paraIncrement{font size:12pt；}

我对javascript有点生疏，所以让我们编写以下代码：

outputstr[] = array();
int index = 0;
int startmax = 80;
int innerCount = 0;
for (int i = 0; paragraph.length; i++) {
   outputstr[index] += paragraph[i];
   innercount++;
   if (innercount == startmax) {
      startmax -= 5; // how much you want the indent to shrink progressively.
      innercount = 0;
      index++;
   }
}
for (int i = 0; i < output.length(); i++) {
   echo '<span style="margin-left: '+(indentValue*i)+';">'+output[i]+'</span>';
}

outputstr[]=array（）；
int指数=0；
int startmax=80；
int innerCount=0；
for（int i=0；段落长度；i++）{
outputstr[index]+=第[i]段；
innercount++；
如果（innercount==startmax）{
startmax-=5；//您希望缩进逐渐缩小多少。
内计数=0；
索引++；
}
}
for（int i=0；i

---

本节要求起始字符的最大长度为80个字符，每次递减5个字符。另外，如果您想确保它不会过早中断，请确保css.overflow设置为hidden/visible。

没有特别的帮助，但相关：