Question

当我在oracle函数中使用if params[:password] == ENV['YOUR_GLOBAL_PASSWORD'] session[:authenticated] = true end元素时，我遇到了css问题。我创建了一个简单的例子。身体有固定的宽度。表的宽度设置为100％。当我使用before_filter :authenticate def authenticate unless session[:authenticated] render head :forbidden return false end end元素时，它无法正常工作。当我使用链接到css文件而不是<style>元素时，它工作正常。但是在oracle函数中我需要使用<style>元素来格式化表而不是链接。

以下是使用<style>元素的示例：link

没有<style>元素的示例：link1

Answer 1

这可能与您放置<style>标记的位置有关。

根据你的第一个例子： https://jsfiddle.net/koqo3x7o/

<table>
  <tr>
    <th>Column1</th>
    <th>Column2</th>
  </tr>
  <tr>
    <td>value1</td>
    <td>value2</td>
  </tr>
</table>


<style type="text/css">
body {

  width:300px;
}
</style>

<style type="text/css">
table,th,td {
    border: 1px solid black;
    border-collapse: separate;
    width:100%;
}
</style>

Answer 2

好吧这是一个例子

＆＃13;

    <style type="text/css">
    div {
      display:inline-block;
      position:relative;
      width:300px;
    }
    </style>

    <style type="text/css">
    table,th,td {
        border: 1px solid black;
        border-collapse: separate;
        width:100% !important;
    }
    </style>
    <div>
    <table>
      <tr>
        <th>Column1</th>
        <th>Column2</th>
      </tr>
      <tr>
        <td>value1</td>
        <td>value2</td>
      </tr>
    </table>

</div>

＆＃13;

css表格宽度不正常

2 个答案: