阅读读物拼音和中文如何在一起排版

2023-02-07 21:11:57 +08:00
 v2li32

很多阅读的， 拼音在上，中文在下 如何实现呢。

客户需求, 后台导入佛经，web 页面显示每一个字的拼音，拼音下面显示字。

文字转拼音插件是找到了，但是怎么排版显示难住了。。

使用的 uiapp.

717 次点击
所在节点    前端开发
3 条回复
hsfzxjy
2023-02-07 21:34:49 +08:00
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ruby
v2li32
2023-02-08 00:11:33 +08:00
@hsfzxjy 这种效果很不好.. 有些拼音长的就错位了, 好像只能我在根据获取的拼音长度 拼接 &nbsp..
v2li32
2023-02-08 00:23:16 +08:00
@v2li32 分割文字然后 flex 布局 看来是最好的了. 各种标点符号空格处理的时候感觉问题会很多

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/914066

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX