Question

我正在显示实时运行日志文件的输出，该文件可能非常长（和宽）并且正在寻找在边框内绑定（框）它的方法。
页面本身是HTML / PHP，我一直在尝试使用各种参数的CSS，但无法正确使用这就是我尝试过的：

.log_output {
border:1px solid #999999;
color:#6f6f6f;
font-size:10px;
display:block;
float:left;
width:100%;
height:100px;
display: block; 
position: relative;
}

但是日志文本会忽略该框并显示在整个页面上。

理想的解决方案只显示运行日志的最后几行（或100px）我愿意使用JS或其他任何需要的东西。

Answer 1

使用以下CSS ::

.log_output{
  border:1px solid #999999;
  color:#6f6f6f;
  font-size:10px;
  width:100%;
  position: relative;
  display: inline-block;
  height: auto;
 }

您必须设置＆＃39; display：inline-block＆＃39;和＆＃39;身高：汽车＆＃39;将内容包装在边框内。

Answer 2

有两种方式。

首先，您可以设置自动高度，以便根据文本

调整高度

.log_output {
border:1px solid #999999;
color:#6f6f6f;
font-size:10px;
display:block;
float:left;
width:100%;
display: block; 
position: relative;
}

无需提及高度，默认为自动。

如果您需要设置高度固定，请使用此css

.log_output {
border:1px solid #999999;
color:#6f6f6f;
font-size:10px;
display:block;
float:left;
width:100%;
height:100px;
display: block; 
position: relative;
overflow:auto;
}

这将在框中显示滚动条（如果需要），如果文字很短，则不会出现滚动条

由您决定使用哪种方式

使用CSS，HTML将文本换行

2 个答案: