Javascript 如何使用JQuery、CSS减少div的宽度,从而减少左侧部分而不是右侧部分?
这听起来是个愚蠢的问题,但我想不出一个简单的方法。假设我有一个固定宽度的Div,其内容是字符串ABCDEFGHIJ。如果我缩小宽度,它将停止从右侧显示HIJ或其他内容。我希望左侧内容的可见性受到影响。假设div的宽度为100pxJavascript 如何使用JQuery、CSS减少div的宽度,从而减少左侧部分而不是右侧部分?,javascript,jquery,css,Javascript,Jquery,Css,这听起来是个愚蠢的问题,但我想不出一个简单的方法。假设我有一个固定宽度的Div,其内容是字符串ABCDEFGHIJ。如果我缩小宽度,它将停止从右侧显示HIJ或其他内容。我希望左侧内容的可见性受到影响。假设div的宽度为100px $(div).css('width':'50px'); 例如,不应影响EFGHIJ的显示 是的,我可以有一个内部div,并将其位置向左移动,例如,减少宽度。有没有一种更短的方法 谢谢要隐藏开头字母而不是最后一个字母,您需要使用cssdirection:rtl更改字母
$(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先生。确切地这就是我要找的!如果你能升级到一个答案,我愿意接受。现在投票表决。谢谢