如何将两个具有不同字体大小的文本放在同一行的底部位置。

huangapple go评论76阅读模式
英文:

How to place two Text with different fontSize in row with bottom places in the same line

问题

我试图设置两种不同的字体大小和对角。由于大小不同,它们在同一行上下出现。我需要将它们的底部对齐在同一行上。

上面的代码显示如下:

如何将两个具有不同字体大小的文本放在同一行的底部位置。

我试图使"Customer Called In (Gowri) March 7th 2023 4:45 PM"在同一行上。

英文:

I am trying to set 2 different font-size and Opposite corner. Due to size differs they appear up and down in same row. I need to align their bottom in the same line.

<h4 className="vertical-timeline-element-subtitle"> 
  {event_tag} 
  <span className="creatorstyle"> 
    {"(" + created_by + ")"}
  </span>
  <span className='datestyle'>
    {format(new Date(created_at), 'LLLL do yyyy h:mm a')}
  </span>
</h4>

The above code shows something like this:

如何将两个具有不同字体大小的文本放在同一行的底部位置。

I am trying to make "Customer Called In (Gowri) March 7th 2023 4:45 PM" in the same line.

答案1

得分: 2

使用flexbox

.vertical-timeline-element-subtitle {
  display: flex;
  align-items: center;
}
英文:

use flexbox :

.vertical-timeline-element-subtitle {
  display: flex;
  align-items: center;
}

huangapple
  • 本文由 发表于 2023年3月7日 23:04:39
  • 转载请务必保留本文链接:https://go.coder-hub.com/75663688.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定