ios 上 两行文字不对齐

[zhiyunguo]

Bug reports:

1.首页dom渲染如下中间文字最多显示两行 css 设置 { overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; }

2.ios 截图 文字错位 ，第二行有空白

3. 安卓显示正常 但是也不显示省略号

Specifications

• html2canvas version tested with: html2canvas.min.js 1.3.2
• Browser & version: safari
• Operating system: ios

[LaiLa06]

I have the same problem

[heavon]

Same problem，同样的问题，version 1.3.2 ，iOS，safari

[zhangming8691]

I have the same problem，iOS

[liuniansilence]

同样问题，IOS下有问题。安卓没毛病

[zhangming8691]

html2canvas@1.0.0-rc.4 can solve this problem, but there may be other problems, so you need to test more. I used v1.3.2 before

npm uninstall html2canvas
npm i html2canvas@1.0.0-rc.4 -S

[zhangming8691]

html2canvas@1.0.0-rc.4 can solve this problem, but there may be other problems, so you need to test more. I used v1.3.2 before

npm uninstall html2canvas
npm i html2canvas@1.0.0-rc.4 -S

@liuniansilence

[huli66]

可以把文字拆分成字符数组，配合flex，用元素换行代替文字换行，绕开这个问题 <p>{testName.map((item) => <span></span>)}</p>

p {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

[huli66]

可以把文字拆分成字符数组，配合flex，用元素换行代替文字换行，绕开这个问题

<p>
  {testName.map((item) => (
    <span>{item}</span>
  ))}
</p>

p {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

[huli66]

You can split the text into an array of characters, with flex, use element wrap instead of text wrap to circumvent this problem

<p>
  {testName.map((item) => (
    <span>{item}</span>
  ))}
</p>

p {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

[sphenginx]

You can split the text into an array of characters, with flex, use element wrap instead of text wrap to circumvent this problem

<p>
  {testName.map((item) => (
    <span>{item}</span>
  ))}
</p>

p {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

友情提示： map方法里面 需要 return 吧~

[xiaoxiaoqian1217]

html2canvas@1.0.0-rc.4 can solve this problem, but there may be other problems, so you need to test more. I used v1.3.2 before

npm uninstall html2canvas
npm i html2canvas@1.0.0-rc.4 -S

我也遇到了，更新版本ios也没有解决

[huli66]

html2canvas@1.0.0-rc.4 can solve this problem, but there may be other problems, so you need to test more. I used v1.3.2 before

npm uninstall html2canvas
npm i html2canvas@1.0.0-rc.4 -S

我也遇到了，更新版本ios也没有解决

跟ios和Safari版本没关系，是html2canvas对中文支持还有问题

[huli66]

You can split the text into an array of characters, with flex, use element wrap instead of text wrap to circumvent this problem

<p>
  {testName.map((item) => (
    <span>{item}</span>
  ))}
</p>

p {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

友情提示： map方法里面 需要 return 吧~

不需要的，箭头函数