HTML如何实现带有滚动条的⽂本框⼀、滚动条在右端:
关键处:
overflow-y:auto(表⽰开启右⽅的滑动条)或者overflow-x:hidden(表⽰隐藏下⽅的滑动条)
<div >
<p>ZTY</p>
<p>LPJ</p>
<p>LXH</p>
</div>
或者
<div >
html内容文本框<p>ZTY</p>
<p>LPJ</p>
<p>LXH</p>
</div>
⼆、滚动条在下端:
关键处:
overflow-x:auto(表⽰开启下⽅的滑动条)或者overflow-y:hidden(表⽰隐藏右⽅的滑动条)
<div >
<p>ZTYisxxyearsoldnowhhh</p>
<p>LPJisxxyearsoldnowhhh</p>
<p>DYisxxyearsoldnowhhh</p>
</div>
或者
<div >
<p>ZTYisxxyearsoldnowhhh</p>
<p>LPJisxxyearsoldnowhhh</p>
<p>DYisxxyearsoldnowhhh</p>
</div>
三、滚动条右端下端都有:
关键点:overflow-x:auto overflow-y:auto (表⽰开启右⽅和下⽅的滑动条)
<div >
<p>ZTYisxxyearsold</p>
<p>LPJisxxyearsold</p>
<p>DYisxxyearsold</p>
</div>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论