Question

当我在小型设备中看到时，李似乎没有响应，因为它很长，所以该值已经从容器中消失了。

下面是托管代码的链接，在将值转换为sha256时，您可以在小型设备中看到，布局变得扭曲。

http://meanvj.github.io/

Answer 1

您可以添加该文本框的属性

 word-wrap: break-word;

它会自动获取滚动条。点击link

Answer 2

＆＃13;

ul {
  padding: 0;
  margin: 0;
  display: block;
  list-style-type: none
}
li {
  display:list-item;
  width: 100%; /* sometimes firefox gives issue*/
  word-break: break-all; /* break word in next line, if no space*/
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="container">
 
      <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
          <h2>Hash Values</h2>
          <div class="well well-lg" id="display">
            <ul>
              <li>
                da39a3ee5e6b4b0d3255bfef95601890afd80709
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

  </div>
</div>

＆＃13;

我刚刚从浏览器中复制了您的代码，试试这个，它可能对您有所帮助。

ul li在小型设备中没有响应

2 个答案: