css - Pre overflow 问题溢出时整个 body 滚动而不是只有 pre 元素-6ren

css - Pre overflow 问题溢出时整个 body 滚动而不是只有 pre 元素

转载作者：太空宇宙更新时间：2023-11-04 05:55:20

您可能会看到，当前置代码中的某行太长时，滚动条不仅会滚动该元素，还会出现在整个主体上，并且整个主体都可以滚动，并且前置代码会在超出 100% 宽度时弄乱整个页面.看到顶部的红色边框，它表示正常的 100% 页面。如何防止这种情况。我想要滚动条，这样只有 pre 滚动而不是整个 body 。

.container-full {
    font-family: 'Open Sans', sans-serif !important;
    background: #fff;
    color: rgb(2, 2, 2);
    box-sizing: border-box;
    width: 100%;
}

.row {
    margin-left: 0;
    margin-right: 0;
}
.top-header {
    position: relative;
    width: 100%;
}
.top-header img {
    height: 83vh;
    display: block;
    width: 100%;
}
.header-wrap {
    position: absolute;
    top: 0;
    left: 0;
}
.logo {
    padding-top: 20px;
    padding-left: 17px;
}
.header-content {
    margin-top: 25px;
}
.header-content h1, p {
    color: #fff;
    font-size: 15px;
}
.header-content h1 {
    font-weight: 900;
    font-size: 38px;
}
.main-btn {
    display: inline-block;
    margin-top: 20px;
    background: #fff;
    border-radius: 30px;
    padding: 10px 40px 8px 40px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    transition: 0.2s linear;
    color: #000;
}
.main-btn:hover {
    background: #c86bd6;
}
.btn-text {
    color: #f1020d;
}
.content-inner {
    padding-left: 25px;
}
/* CODE EXAMPLE */
.code-eg-container {
    padding-right: 0px;
}
.code-eg-inner {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 410px;
    background: #22015473;
    padding: 13px;
}
.code-eg-header {
    display: block;
}
.code-eg-header a {
    display: inline-block;
    color: #fff;
    margin-right: 15px;
    cursor: pointer;
}
.tab-content {
    display: block;
    margin-top: 15px;
}
.tab-pane {
    background: rgba(108,6,166,0.4);
    background: linear-gradient(180deg, rgba(108,6,166,0.7) 6%, rgba(25,1,153,0.6) 100%);
    border: 0;
}
pre {
    color: #fff;
    font-size: 16px;
}
li {
    list-style: none;
    padding: 0;
}

.nav-pills li a {
color: rgb(255, 255, 255) !important;
display: inline-block;
line-height: normal;
font-size: 15px;
padding: 7px 21px 6px 21px;;
text-decoration: none;
background: transparent;
border-radius: 25px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
color: #61bc44;
line-height: normal;
border: 0 !important;
transition: 0.2s linear;
font-weight: bold;
}

.code-eg-header .nav-pills li.active a {
background: #fff;
border-radius: 25px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
color: #61bc44 !important;
line-height: normal;
border: 0 !important;
}
/* END */

/* MEDIA */
@media only screen and (max-width:991px) {
    .code-eg-container {
        padding-left: 0px;
        margin-top: 25px;
    }
    .code-eg-inner {
        border-radius: 0;
    }
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<div class="container-full">
  <div class="top-header" style="border: 1px solid red;">
  </div>
  <div class="header-wrap">

    <div class="row header-content">
      <div class="col-md-6">
        <div class="content-inner">
          <p>
sdfsdfsdfsdfsdfdsfdsfdsfdsf
          </p>
          <a class="main-btn">Let's Try <span class="btn-text">It's Free</span></a>
        </div>
      </div>
      <div class="col-md-6 code-eg-container">

            <div class="code-eg-inner">
              <div class="code-eg-header">
                <ul class="nav-pills">
                    <li class="active"><a href="#phpsample" data-toggle="tab" class="active">PHP</a></li>
                    <li class=""> <a href="#curlsample" data-toggle="tab" class="active">Curl</a></li>
                    <li class=""> <a href="#pythonsample" data-toggle="tab" class="active">Python</a></li>
                    <li class=""> <a href="#rubysample" data-toggle="tab" class="active">Ruby</a></li>
                    <li class=""> <a href="#javasample" data-toggle="tab" class="active">Java</a></li>
                </ul>
              </div>
              <div class="clearfix" ></div>
              
              <div class="code tab-content">
                  <pre id="phpsample" class="tab-pane active">
$email = "test@example.com";
$url = https://lesdsdsddsdssddsssssssssdddddddddddddddddddddddddddddddddddddddddssssssssssssssssssssssssssssssssssssssssssshub.com/api/verifyEmail?email=$email 
$key = "&lt;API Key&gt;";
$client = new \GuzzleHttp\Client();
$response = $client->get($url, 
  array(
  'headers'=> Bearer $key
  )
  );
  echo json_decode($response->getBody());
                  
                  

                  </pre>
                  <pre id="curlsample" class="tab-pane">
curl -X GET --header "Authorization:Bearer &lt;API Key&gt;" 
https://leb.com/api/verifyEmail?email=test@example.com
                  
                  
                  
                  
                  
                  
                  
                  




</pre>
<pre id="pythonsample" class="tab-pane">
curl -X GET --header "Authorization:Bearer &lt;API Key&gt;" 
https://leb.com/api/verifyEmdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddail?email=test@example.com
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
        


</pre>
<pre id="rubysample" class="tab-pane">
curl -X GET --header "Authorization:Bearer &lt;API Key&gt;" 
https://lesdddddddddddddddddddddb.com/api/verifyEmail?email=test@example.com
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            


</pre>
<pre id="javasample" class="tab-pane">
curl -X GET --header "Authorization:Bearer &lt;API Key&gt;" 
https://ldsfdsfsdfsdfsssssssssssssssssssssssssssssssb.com/api/verifyEmail?email=test@example.com
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
  
 </pre>
                  </div>

      </div>
    </div>
</div>
</div>

最佳答案

只需在 <pre> 中添加最大宽度和溢出标签。

.container-full {
    font-family: 'Open Sans', sans-serif !important;
    background: #fff;
    color: rgb(2, 2, 2);
    box-sizing: border-box;
    width: 100%;
}

.row {
    margin-left: 0;
    margin-right: 0;
}
.top-header {
    position: relative;
    width: 100%;
}
.top-header img {
    height: 83vh;
    display: block;
    width: 100%;
}
.header-wrap {
    position: absolute;
    top: 0;
    left: 0;
}
.logo {
    padding-top: 20px;
    padding-left: 17px;
}
.header-content {
    margin-top: 25px;
}
.header-content h1, p {
    color: #fff;
    font-size: 15px;
}
.header-content h1 {
    font-weight: 900;
    font-size: 38px;
}
.main-btn {
    display: inline-block;
    margin-top: 20px;
    background: #fff;
    border-radius: 30px;
    padding: 10px 40px 8px 40px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    transition: 0.2s linear;
    color: #000;
}
.main-btn:hover {
    background: #c86bd6;
}
.btn-text {
    color: #f1020d;
}
.content-inner {
    padding-left: 25px;
}
/* CODE EXAMPLE */
.code-eg-container {
    padding-right: 0px;
}
.code-eg-inner {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 410px;
    background: #22015473;
    padding: 13px;
}
.code-eg-header {
    display: block;
}
.code-eg-header a {
    display: inline-block;
    color: #fff;
    margin-right: 15px;
    cursor: pointer;
}
.tab-content {
    display: block;
    margin-top: 15px;
}
.tab-pane {
    background: rgba(108,6,166,0.4);
    background: linear-gradient(180deg, rgba(108,6,166,0.7) 6%, rgba(25,1,153,0.6) 100%);
    border: 0;
}
pre {
    color: #fff;
    font-size: 16px;
    max-width: 90vw;
    overflow: auto;
}
li {
    list-style: none;
    padding: 0;
}

.nav-pills li a {
color: rgb(255, 255, 255) !important;
display: inline-block;
line-height: normal;
font-size: 15px;
padding: 7px 21px 6px 21px;;
text-decoration: none;
background: transparent;
border-radius: 25px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
color: #61bc44;
line-height: normal;
border: 0 !important;
transition: 0.2s linear;
font-weight: bold;
}

.code-eg-header .nav-pills li.active a {
background: #fff;
border-radius: 25px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
color: #61bc44 !important;
line-height: normal;
border: 0 !important;
}
/* END */

/* MEDIA */
@media only screen and (max-width:991px) {
    .code-eg-container {
        padding-left: 0px;
        margin-top: 25px;
    }
    .code-eg-inner {
        border-radius: 0;
    }
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<div class="container-full">
  <div class="top-header" style="border: 1px solid red;">
  </div>
  <div class="header-wrap">

    <div class="row header-content">
      <div class="col-md-6">
        <div class="content-inner">
          <p>
sdfsdfsdfsdfsdfdsfdsfdsfdsf
          </p>
          <a class="main-btn">Let's Try <span class="btn-text">It's Free</span></a>
        </div>
      </div>
      <div class="col-md-6 code-eg-container">

            <div class="code-eg-inner">
              <div class="code-eg-header">
                <ul class="nav-pills">
                    <li class="active"><a href="#phpsample" data-toggle="tab" class="active">PHP</a></li>
                    <li class=""> <a href="#curlsample" data-toggle="tab" class="active">Curl</a></li>
                    <li class=""> <a href="#pythonsample" data-toggle="tab" class="active">Python</a></li>
                    <li class=""> <a href="#rubysample" data-toggle="tab" class="active">Ruby</a></li>
                    <li class=""> <a href="#javasample" data-toggle="tab" class="active">Java</a></li>
                </ul>
              </div>
              <div class="clearfix" ></div>
              
              <div class="code tab-content">
                  <pre id="phpsample" class="tab-pane active">
$email = "test@example.com";
$url = https://lesdsdsddsdssddsssssssssdddddddddddddddddddddddddddddddddddddddddssssssssssssssssssssssssssssssssssssssssssshub.com/api/verifyEmail?email=$email 
$key = "&lt;API Key&gt;";
$client = new \GuzzleHttp\Client();
$response = $client->get($url, 
  array(
  'headers'=> Bearer $key
  )
  );
  echo json_decode($response->getBody());
                  
                  

                  </pre>
                  <pre id="curlsample" class="tab-pane">
curl -X GET --header "Authorization:Bearer &lt;API Key&gt;" 
https://leb.com/api/verifyEmail?email=test@example.com
                  
                  
                  
                  
                  
                  
                  
                  




</pre>
<pre id="pythonsample" class="tab-pane">
curl -X GET --header "Authorization:Bearer &lt;API Key&gt;" 
https://leb.com/api/verifyEmdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddail?email=test@example.com
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
        


</pre>
<pre id="rubysample" class="tab-pane">
curl -X GET --header "Authorization:Bearer &lt;API Key&gt;" 
https://lesdddddddddddddddddddddb.com/api/verifyEmail?email=test@example.com
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            


</pre>
<pre id="javasample" class="tab-pane">
curl -X GET --header "Authorization:Bearer &lt;API Key&gt;" 
https://ldsfdsfsdfsdfsssssssssssssssssssssssssssssssb.com/api/verifyEmail?email=test@example.com
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
  
 </pre>
                  </div>

      </div>
    </div>
</div>
</div>

您也可以强制 <pre>使用以下标签打破:

white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */

.container-full {
    font-family: 'Open Sans', sans-serif !important;
    background: #fff;
    color: rgb(2, 2, 2);
    box-sizing: border-box;
    width: 100%;
}

.row {
    margin-left: 0;
    margin-right: 0;
}
.top-header {
    position: relative;
    width: 100%;
}
.top-header img {
    height: 83vh;
    display: block;
    width: 100%;
}
.header-wrap {
    position: absolute;
    top: 0;
    left: 0;
}
.logo {
    padding-top: 20px;
    padding-left: 17px;
}
.header-content {
    margin-top: 25px;
}
.header-content h1, p {
    color: #fff;
    font-size: 15px;
}
.header-content h1 {
    font-weight: 900;
    font-size: 38px;
}
.main-btn {
    display: inline-block;
    margin-top: 20px;
    background: #fff;
    border-radius: 30px;
    padding: 10px 40px 8px 40px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    transition: 0.2s linear;
    color: #000;
}
.main-btn:hover {
    background: #c86bd6;
}
.btn-text {
    color: #f1020d;
}
.content-inner {
    padding-left: 25px;
}
/* CODE EXAMPLE */
.code-eg-container {
    padding-right: 0px;
}
.code-eg-inner {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 410px;
    background: #22015473;
    padding: 13px;
}
.code-eg-header {
    display: block;
}
.code-eg-header a {
    display: inline-block;
    color: #fff;
    margin-right: 15px;
    cursor: pointer;
}
.tab-content {
    display: block;
    margin-top: 15px;
}
.tab-pane {
    background: rgba(108,6,166,0.4);
    background: linear-gradient(180deg, rgba(108,6,166,0.7) 6%, rgba(25,1,153,0.6) 100%);
    border: 0;
}
pre {
    color: #fff;
    font-size: 16px;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;
}
li {
    list-style: none;
    padding: 0;
}

.nav-pills li a {
color: rgb(255, 255, 255) !important;
display: inline-block;
line-height: normal;
font-size: 15px;
padding: 7px 21px 6px 21px;;
text-decoration: none;
background: transparent;
border-radius: 25px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
color: #61bc44;
line-height: normal;
border: 0 !important;
transition: 0.2s linear;
font-weight: bold;
}

.code-eg-header .nav-pills li.active a {
background: #fff;
border-radius: 25px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.2);
color: #61bc44 !important;
line-height: normal;
border: 0 !important;
}
/* END */

/* MEDIA */
@media only screen and (max-width:991px) {
    .code-eg-container {
        padding-left: 0px;
        margin-top: 25px;
    }
    .code-eg-inner {
        border-radius: 0;
    }
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<div class="container-full">
  <div class="top-header" style="border: 1px solid red;">
  </div>
  <div class="header-wrap">

    <div class="row header-content">
      <div class="col-md-6">
        <div class="content-inner">
          <p>
sdfsdfsdfsdfsdfdsfdsfdsfdsf
          </p>
          <a class="main-btn">Let's Try <span class="btn-text">It's Free</span></a>
        </div>
      </div>
      <div class="col-md-6 code-eg-container">

            <div class="code-eg-inner">
              <div class="code-eg-header">
                <ul class="nav-pills">
                    <li class="active"><a href="#phpsample" data-toggle="tab" class="active">PHP</a></li>
                    <li class=""> <a href="#curlsample" data-toggle="tab" class="active">Curl</a></li>
                    <li class=""> <a href="#pythonsample" data-toggle="tab" class="active">Python</a></li>
                    <li class=""> <a href="#rubysample" data-toggle="tab" class="active">Ruby</a></li>
                    <li class=""> <a href="#javasample" data-toggle="tab" class="active">Java</a></li>
                </ul>
              </div>
              <div class="clearfix" ></div>
              
              <div class="code tab-content">
                  <pre id="phpsample" class="tab-pane active">
$email = "test@example.com";
$url = https://lesdsdsddsdssddsssssssssdddddddddddddddddddddddddddddddddddddddddssssssssssssssssssssssssssssssssssssssssssshub.com/api/verifyEmail?email=$email 
$key = "&lt;API Key&gt;";
$client = new \GuzzleHttp\Client();
$response = $client->get($url, 
  array(
  'headers'=> Bearer $key
  )
  );
  echo json_decode($response->getBody());
                  
                  

                  </pre>
                  <pre id="curlsample" class="tab-pane">
curl -X GET --header "Authorization:Bearer &lt;API Key&gt;" 
https://leb.com/api/verifyEmail?email=test@example.com
                  
                  
                  
                  
                  
                  
                  
                  




</pre>
<pre id="pythonsample" class="tab-pane">
curl -X GET --header "Authorization:Bearer &lt;API Key&gt;" 
https://leb.com/api/verifyEmdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddail?email=test@example.com
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
        


</pre>
<pre id="rubysample" class="tab-pane">
curl -X GET --header "Authorization:Bearer &lt;API Key&gt;" 
https://lesdddddddddddddddddddddb.com/api/verifyEmail?email=test@example.com
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            


</pre>
<pre id="javasample" class="tab-pane">
curl -X GET --header "Authorization:Bearer &lt;API Key&gt;" 
https://ldsfdsfsdfsdfsssssssssssssssssssssssssssssssb.com/api/verifyEmail?email=test@example.com
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
  
 </pre>
                  </div>

      </div>
    </div>
</div>
</div>

关于css - Pre overflow 问题溢出时整个 body 滚动而不是只有 pre 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57873140/

文章推荐： python - 循环运行的 python 程序的 HTML 界面

文章推荐： linux - 使用 mkdir 和 touch 创建目录结构

文章推荐： python - 测试需要登录的 Flask 应用程序

文章推荐： linux - 为什么 nginx 的性能比 apache httpd 服务器更好？

swift - 他们是否对哪个 body 是 body 和 body 什么时候开始做出任何保证(_ :) is called?
当调用 func didBegin(_ contact: SKPhysicsContact) 的 SKScene 中发生接触时，需要确定哪个 SKPhysicsBody 是contact.bodyA
html - body 内的元素不适合 body
HTML: CSS: body { width : 1000px ; } header { width : 100% ; } 如果有这样的代码，我认为页眉的宽度将与主体的
php - body 图像定位与 body
我刚刚通过网站完成设计，现在我正在尝试将整个 body 布置成一个整体，而不是不断重复的瓷砖。请问我该怎么做？我不确定我说的是否有道理，但就像一张墙纸在拉伸(stretch)，而不是 30 个小瓷砖
html - body 包装上的滚动条而不是 body
我试图在我的内部包装器上获得一个滚动条，而不是主体本身: CSS body { overflow: hidden; } #body_wrap { overflow-y: auto;
html - body 元素走出 body
body { margin: 0px; border: 1px solid black; } #head { text-align: center; background: linea
html - 我最近看到一个 CSS 文件，其中分别定义了 "body"和 ".body"。为什么要在 ".body"类中放置描述？
关闭。这个问题是opinion-based .它目前不接受答案。想要改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 9 年前。 Improv
html - css 选择器 : difference between "body h1", "body .h1"和 "body.h1"
我试图了解此 CSS 规则将应用于哪些元素: body h1, body .h1 { font-family: 'Open Sans', sans-serif !important;
express - Jade模板中的 `body!= body`是什么意思？
此问题与使用 Jade templates 有关与 Express.js . 我知道当我写 layout.jade其中包含: !!! html body != body hea
css - body 上的不透明度不影响 body 上的背景颜色
我正在尝试为 body 设置不透明度。但是，我遇到了一个问题。在body 上设置不透明度时，只有它的内容会受到影响。背景不受不透明度的影响。 $("button").click(function(
java - box2d body 穿过其他 body
我的游戏中有两个对象:球和星星球是静态或动态的物体。对于明星: 我需要知道星星何时与球相撞但它需要穿过小球并且不受碰撞影响我应该怎么做？谢谢袜套最佳答案您想使用 Sensors (6.
javascript - 关闭 body 点击菜单和动画 body
我以前问过这个问题，但所有答案都不起作用，所以我有一个示例页面，webpage .我有一个重新调整大小的菜单，我想在菜单外单击时关闭菜单，以及在第一次切换下拉菜单时让主体向下动画，这样下拉菜单就不会隐
jquery - 使水井漂浮在 body 上而不是将元素插入 body
我有一个漂浮在我其余内容上的井。我遇到的问题是，当它加载页面时，它会下推其余内容。我该如何更改它以便它悬停在所有内容上并且不会在页面加载时将内容下推。这是页面加载的图像。这是向下滚动页面的图片请
html - body 和 #body 有什么区别
在我的代码中我有这个: #body { background-color: #efeeef; clear: both; padding-bottom: 35px; } 还有这个
jquery - 获取字符串中的内容
我想做以下事情。 $("a").click(function (event) { event.preventDefault(); $.get($(this).attr("href"),
python - body 是什么？ `from fastapi import Body`
在documentation在其他地方，我看到使用了 Body 但不知道它是什么。谁能解释一下这三个选项是什么意思？ from fastapi import Body from pydantic i
javascript - 在不使用标签的情况下设置 body onload
我试图在 body 加载后触发一个功能。我知道你可以从 body 标签中做到这一点，但如果可能的话，我更愿意从 JS 中做到这一点。例如:document.getElementsByTagName(
当我旋转 body 时，Pymunk body 的形状不会旋转
在 Pymunk 中，当我旋转一个物体时，它的形状并没有旋转。当我施加一个冲动时，形状会如预期的那样同步移动。我的谷歌搜索表明 body 的形状应该在 body 旋转时旋转。我是否从根本上误解了旋转？
jquery - 标签正在从 jQueryMobile 插入到我的文档的头部
在我的移动网站/应用程序中使用 jQueryMobile 时，我刚刚开始遇到非常奇怪错误编辑我正在添加图片，可能更容易理解问题 edit2 我发现了这个问题。仍然好奇为什么会这样如果您想查看原
javascript - 使多部分 "fluid body"充当一个单一的 body
我正在使用 Phaser.js 及其 p2 物理来模拟“流体”。你可以在this中看到创建一种流体体的示例(归功于 John Watson)。唯一可能的交互是鼠标移动。我注意到一些有趣的特性可能有助
html - body > :not(element) and :not(body> element)? 有什么区别
我认为是后一项， :not(body> element) 说明 body 标签中的所有“元素”元素。这是否与同义 body >:not(element) ?? 最佳答案 body >:not(ele

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

css - Pre overflow 问题溢出时整个 body 滚动而不是只有 pre 元素

首页

博学

6Ren·AI

商城

css - Pre overflow 问题 溢出时整个 body 滚动而不是只有 pre 元素

css - Pre overflow 问题溢出时整个 body 滚动而不是只有 pre 元素