小编Dav*_*vid的帖子

我在弹性框布局中的表在父弹性框之外泄漏而使页面宽于浏览器宽度时遇到了一些麻烦。这是一个样机，显示了我遇到的类似问题。

#flex {
  display:flex;
  display:-webkit-flex;
  flex-direction: row;
}
#one {
  background-color: black;
  width: 300px;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
}
#two {
  background-color:red;
}

<div id="flex">
  <div id="one">one
  </div>
  <div>
    <table>
      <tr>
        <td>First Row</td>
        <td>Second Row</td>
        <td>Third Row</td>
        <td>Fourth Row</td>
        <td>Fifth Row</td>
        <td>Sixth Row</td>
        <td>Seventh Row</td>
        <td>Eighth Row</td>
        <td>Ninth Row</td>
        <td>Tenth Row</td>
      </tr>
      <tr>
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
        <td>DataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataDataData</td>
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
      </tr>
    </table>
  </div>
</div>    

您可以看到，即使.flex只是屏幕的宽度，也要宽.two得多。

我在第二个div内使用数据表，因此表的大小是动态的，即使为孩子和所有对象设置了最大宽度，我也无法阻止它停止运行。我需要帮助弄清楚如何锁定flexbox的第二个div，以使表正确调整大小（它具有响应元素，但不会被使用b / c，它会变宽）。

编辑：似乎表格正在执行页面的全部100％宽度，但是由于左侧的元素，因此超出了右侧的边距。

谢谢您的帮助。

我已经看了很多关于如何向.val添加换行符的文章，但是似乎没有一个对我有用。我尝试了jQuery建议的解决方法：

$.valHooks.textarea = {
  get: function( elem ) {
  return elem.value.replace( /\r?\n/g, "\r\n" );
  }
};

但是，无论我做什么，文本仍会被粉碎成一行。

这是我的代码：

HTML：

 <div id="email-info">
    <div id="email-top-row">
        <div id="email-subject-container">
            <label for="email-subject" class="email-labels">Subject:</label>
            <input id="email-subject"></input>
        </div>
        <div id="email-from-container">
            <label for="email-from" class="email-labels">From:</label>
            <input id="email-from"></input>
        </div>
    </div>

    <div id="email-body-container">
        <label for="email-body" class="email-body">Body:</label>
        <textarea id="email-body"></textarea>
    </div>
    <button id="email" onclick="emailSend()">Send Email</button>
</div>

Javascript：

function emailSend() {
 $.valHooks.textarea = {
  get: function( elem ) {
  return elem.value.replace( /\r?\n/g, "\r\n" );
  }
 };

 var emailSubject = $('#email-subject').val();
 var emailFrom = $('#email-from').val(); …

因此，我试图让siteA在siteB上执行jquery .load某些内容。在执行此操作时，我收到了Access-Control-Allow-Origin错误。因此，在siteB上，我放置了一个.htaccess文件，该文件应允许siteA能够从中获取内容。我为此遇到了一些麻烦。我知道正在访问.htaccess文件，因为当页面尝试加载并且.htaccess文件中有内容时，它会收到500内部错误。

在.htaccess文件中，我尝试过：Access-Control-Allow-Origin：*和：Access-Control-Allow-Origin：“ *”

但都给出500错误。我也尝试过：Access-Control-Allow-Origin：*

这不会产生500错误，因此它必须返回为false。我现在不确定该怎么做。它可能是我格式化.htaccess文件错误或其他原因，但我认为可能与未启用mod_headers有关。

在日志中：无效命令“ Access-Control-Allow-Origin：”，可能是拼写错误或由服务器配置中未包含的模块定义的

这两个站点都通过10.8 Server.app运行，因此它与正常的Apache安装略有不同，这使其变得有些困难。任何帮助将不胜感激！提前致谢！

我正在使用react-table，并希望根据特定单元格的内部编号更改背景色。例如 单元格> 1 =绿色，单元格<1 =红色，中间有不同的阴影。我已经看到了很多关于对行和列进行着色的内容，但是却在如何根据加载的数据对特定单元格进行着色方面苦苦挣扎。

我知道这段代码行不通，但希望它能显示出我正在寻找的内容：

<ReactTable
  data={data}
  columns={columns}
  getTdProps={(cellInfo) => {
      return {
        if (cellInfo.value > 1) {
            cellInfo.className = "green-cell";
        }
        if (cellInfo.value < 1) {
            cellInfo.className = "red-cell";
        }
      };
    }}
/>

希望这是有道理的。谢谢您的帮助。