Javascript 如何使用JQuery、CSS减少div的宽度,从而减少左侧部分而不是右侧部分?

Javascript 如何使用JQuery、CSS减少div的宽度,从而减少左侧部分而不是右侧部分?,javascript,jquery,css,Javascript,Jquery,Css,这听起来是个愚蠢的问题,但我想不出一个简单的方法。假设我有一个固定宽度的Div,其内容是字符串ABCDEFGHIJ。如果我缩小宽度,它将停止从右侧显示HIJ或其他内容。我希望左侧内容的可见性受到影响。假设div的宽度为100px $(div).css('width':'50px'); 例如,不应影响EFGHIJ的显示 是的,我可以有一个内部div,并将其位置向左移动,例如,减少宽度。有没有一种更短的方法 谢谢要隐藏开头字母而不是最后一个字母,您需要使用cssdirection:rtl更改字母

这听起来是个愚蠢的问题,但我想不出一个简单的方法。假设我有一个固定宽度的Div,其内容是字符串ABCDEFGHIJ。如果我缩小宽度,它将停止从右侧显示HIJ或其他内容。我希望左侧内容的可见性受到影响。假设div的宽度为100px

$(div).css('width':'50px'); 
例如,不应影响EFGHIJ的显示

是的,我可以有一个内部div,并将其位置向左移动,例如,减少宽度。有没有一种更短的方法


谢谢

要隐藏开头字母而不是最后一个字母,您需要使用css
direction:rtl
更改字母的方向

为了隐藏字母,您应该提到
overflow:hidden
和容器的一些宽度


一种解决方案是使用包装器和CSS定位:

<div id="outer">
    <div id="inner">ABCDEFGHIJ</div>
</div>
#outer {
    position:relative;
    overflow:hidden;
    border:1px solid #999;
    width:50px;
    height:20px;
}
#inner {
    position:absolute;
    right:0;
}

<div id="outer">
    <div id="inner">ABCDEFGHIJ</div>
</div>
#outer {
    position:relative;
    overflow:hidden;
    border:1px solid #999;
    width:50px;
    height:20px;
}
#inner {
    position:absolute;
    right:0;
}

ABCDEFGHIJ
#外{
位置:相对位置;
溢出:隐藏;
边框:1px实心#999;
宽度:50px;
高度:20px;
}
#内在的{
位置:绝对位置;
右:0;
}

samir,您应该为您遇到的问题输入相关代码。检查此项。。我想你在找方向:rtl。@Miland Anantwar我想我展示的代码已经足够了。减小div的宽度会从右侧减小它。从内容的角度来看,我希望它从左边缩减。不需要代码,但为了清晰起见,我只提供了一条语句。@U Green先生。确切地这就是我要找的!如果你能升级到一个答案,我愿意接受。现在投票表决。谢谢