CSS hide scroll bar if not needed
我正在想办法,如果不需要的话,我该如何隐藏
还有,我的第二个问题。我希望这样,当文章超过当前宽度时,宽度将自动增加,内容不会从框中消失。
有人知道怎么做吗?
职位面积:
1 2 3 4 5 6 7 8 9 10 | .content { height: 600px; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; font-size: 15px; text-align: justify; line-height: 19px; overflow-y:scroll; } |
主网站容器:
1 2 3 4 5 6 | .container { margin: 0 auto; width: 757px; margin-top: 30px; text-align: center; } |
将
下面是两个问题解决的一个工作示例。
您可以使用
还可以使用
例子:
1 2 3 | .content {overflow:auto;} .content {overflow-y:auto;} .content {overflow-x:auto;} |
您可以同时使用.content和.container来溢出:auto。意味着如果文本自动超出,滚动将到达X轴和Y轴。(不需要给出单独的X轴和Y轴通常给出溢出:自动)
.content {overflow:auto;}
.container溢出:auto;将完成此操作。如果要控制特定的方向,应为该特定轴设置自动。A.E.
.container_overflow-y:auto;.container溢出-x:隐藏;
上面的代码将隐藏X轴中的任何溢出,并在Y轴上需要时生成一个滚动条。但是您必须确保您的内容默认高度小于容器高度;否则,滚动条将不会被隐藏。