css - 使内部元素在溢出时右对齐

Question

我在 div 中有一个 div。div的.outer溢出设置为隐藏，宽度为 200 像素。.innerdiv 宽 300 像素，按照规范隐藏得很好overflow。

我想做的是找到一种对齐内部 div 的方法，以便它切断左侧而不是右侧的溢出。

我可以使用定位和负边距，但最终内部 div 是可变宽度，所以我希望有一种方法可以在没有“硬编码”的情况下实现这一点？

这是小提琴：http: //jsfiddle.net/xCYPc/

score 2 · Accepted Answer

2

尝试float: right;设置.inner

于 2012-11-30T19:12:34.030 回答

score 1 · Accepted Answer

只需添加direction: rtl到您的.outerdiv 中，请参阅工作小提琴

direction 属性指定块的基本写入方向以及 Unicode 双向算法的嵌入和覆盖方向。

此外，它指定了表格列布局的方向，水平溢出的方向，以及在'text-align：justify'的情况下块中不完整的最后一行的位置。

score 0 · Accepted Answer

制作.outer position:relative和.inner position:absolute;right:0。这将使内部 div 保持正确对齐，无论其宽度如何。

3 回答 3