Visual Studio vb 調試 css 樣式來自<style></style>不渲染

Question

<style>
 #ctrtable{width:600px;margin-left:auto;margin-right:auto;}
</style>

網頁具有上面的樣式塊以在視口上居中表格

當在調試模式下運行的 VisStudio 2013 express 不呈現 css 時，表格向左對齊。 但是，如果我將樣式復制並粘貼到內聯樣式 =“”，則表格將呈現在中心

？？？

湯姆

Answer 1

以這種方式定義樣式時：

<style>
  #ctrtable{width: 600px; margin-left: auto; margin-right: auto;}
</style>

您以這種方式實現樣式：

<table id="ctrtable">
  <tr>
    <td>something</td>
  </tr>
</table>

以這種方式定義樣式時：

<style>
  .ctrtable{width: 600px; margin-left: auto; margin-right: auto;}
</style>

您以這種方式實現樣式：

<table class="ctrtable">
  <tr>
    <td>something</td>
  </tr>
</table>

試試這個樣本

<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title></title>
    <style>
      .cntrtable{text-align: center;} 
    </style>
  </head>
  <body>
    <table style="width: 100%;">
      <tr>
        <td><table class="cntrtable" style="width: 50%; margin-left: auto; margin-right: auto; background-color: #FF0000;"><tr><td>table-1</td></tr></table></td>
      </tr><tr>
        <td><table class="cntrtable" style="width: 50%; margin-left: auto; margin-right: auto; background-color: #00FF00;"><tr><td>table-2</td></tr></table></td>
      </tr><tr>
        <td><table class="cntrtable" style="width: 50%; margin-left: auto; margin-right: auto; background-color: #0000FF;"><tr><td>table-3</td></tr></table></td>
      </tr><tr>
        <td><table class="cntrtable" style="width: 50%; margin-left: auto; margin-right: auto; background-color: #FF00FF;"><tr><td>table-4</td></tr></table></td>
      </tr>
    </table>
  </body>
</html>

Visual Studio vb 調試 css 樣式來自<style></style>不渲染

問題描述

1 個解決方案

解決方案1
0 2015-07-02 18:30:37

Visual Studio vb 調試 css 樣式來自<style></style>不渲染

問題描述

1 個解決方案

解決方案1 0 2015-07-02 18:30:37

解決方案1
0 2015-07-02 18:30:37