html - 水平滚动的 html 框

Question

我需要在页面上显示日志，但日志行很长(它是一个 apache access_log)，它变得既丑陋又难以阅读。

如何使用水平滚动条显示内容？

我正在使用 Bootstrap 并尝试使用 overflow : auto/scroll并固定高度/宽度但没有成功。

编辑:这是我的代码

<div class="well" style="overflow-x: scroll;width:200px;" >
<?php
    echo $log;
?>
</div>

$log 包含 <br/>对于新行

Answer 1

<div style="overflow-x: scroll;white-space:nowrap;width:200px;
height:200px;border:1px solid red" >
    A Very long line gjkdddddssssss sssssssssssssssssssss ssssssssssss
ssssssssssss ssss
ssssssss
ssssssssssssss sssssssssssssssssssssssss ss
sssssssssssssssssss ssssssssssssssssssssssss
    </div>​

White-Space 是您需要设置的属性。

演示:http://jsfiddle.net/amandeepj/ZQuKG/