Jquery 如何根据CSS中的上述文本对齐文本?

Jquery 如何根据CSS中的上述文本对齐文本?,jquery,html,css,Jquery,Html,Css,我有一个宽度为50vw的div,其中包含一些文本,下面还有一些我想右侧对齐的文本,如下所示: 以下是当前的CSS: div { width:50vw; margin-left:7.4vw; } h3{ text-align:right; } 我想知道是否有可能将h3文本对齐,使结束字符始终与h2文本的结束字符对齐。此外,如果要扩展h2文本,使其跨越多行,是否可以将h3的结束字符与h2的最右边字符对齐(文本没有对齐,因此根据字长,不同的行将具有不同的长度)。添加显示:

我有一个宽度为50vw的div,其中包含一些文本,下面还有一些我想右侧对齐的文本,如下所示:

以下是当前的CSS:

div {
  width:50vw;
  margin-left:7.4vw;
  } 

 h3{
   text-align:right;
 }

我想知道是否有可能将
h3
文本对齐,使结束字符始终与
h2
文本的结束字符对齐。此外,如果要扩展
h2
文本,使其跨越多行,是否可以将
h3
的结束字符与
h2
的最右边字符对齐(文本没有对齐,因此根据字长,不同的行将具有不同的长度)。

添加
显示:内联块到div

div{
左边距:7.4vw;
显示:内联块;
}
h3{
文本对齐:右对齐;
}

这里有一些文字
其他文本在这里

据我所知,您只需添加
文本对齐:右到h2元素,这将为您提供所需的结果。

如果外部div必须保持在50vw,解决方案是在div内添加一个新元素,您可以将标题与之对齐

div{
宽度:50vw;
左边距:7.4vw;
}
hgroup{
显示:内联块;
}
h3{
文本对齐:右对齐;
}

这里有一些文字。
其他文本在这里

我想保持
h2
的位置不变,并移动
h3
而不是相反。当我在JSFIDLE上更新它时,这似乎对我没有任何影响,除非我删除宽度:50vwI也删除了宽度。@anon123123:这是因为小提琴中的div有一个固定的宽度。使用
内联块
的要点是(简化)宽度由其内容决定。如果仍然需要固定宽度,则需要将标题包装在具有内联块的容器中@Anon1231123所以div必须为50vw宽,但h3必须与h2右对齐?那不是很清楚。我不确定如果不在div中的两个h周围添加额外的HTML,就可以做到这一点。我希望保持
h2
的位置不变,并移动
h3
而不是相反,如果是短文本,它会移到靠近页面中心的位置,而不是从左边移到7.4vw。这很好,我可以接受它作为答案。如果您可以编辑您的答案,建议我如何使h3与h2中最外层的字符对齐(试试这里的
一些跨越两行的文本,因为它太大了,看不见。
在JS fiddle上,你会明白我的意思。但除此之外,谢谢你!我为hgroup测试了各种内容,例如
宽度:适合内容,但是没有,对不起。