我有一个fluid width网站,我计划在<div>中放置一些文本。我的想法是
<div>FIRST LINE TEXT HERE</div>
<div>THE SECOND LINE TEXT HERE. BUT QUITE LENGTHY</div>
<div>THIRD LINE IS HERE. NOT THAT MUCH LENGTH<div>
我需要显示所有的三行,以看起来像一个对齐的字母,通过添加字母间距动态地根据内容的内部和可用的<div>宽度。
我使用的是react本机自定义字体,这有一个问题。默认情况下,文本位于中间,当我使用字体时,文本不在中心。这是密码。
<TextInput
style={{
height:40,
width:width-10,
margin:5,
backgroundColor:"#eee",
borderRadius:5,
paddingLeft:20,
fontFamily:FONTS.medium // if I comment this line then plac
因为SVG还不支持text-align: justify,所以我正在尝试使用javascript来调整<tspan>元素中的文本。我确信我非常接近正确的解决方案,但似乎无法获得单词之间正确的单词间距,从而使每一行都左右对齐。
这里有一个关于这个问题的,可以完整地了解它。只需单击页面底部的一个按钮即可运行该功能(向下滚动页面即可查看按钮)。
但我认为问题出在这里的某个地方:
首先,我循环遍历每个<tspan>元素,并将其原始长度推入一个数组。
for (i = 0; i < tspan.length; i++) {
spanText.push(tspan[i].o