代码之家 › 专栏 › 技术社区 › Cody Pritchard

Rails-电子邮件字符串拒绝在表中换行

word-wrap ruby-on-rails css html

Cody Pritchard · 技术社区 · 7 年前

一段时间以来,我一直在努力解决这个问题,但我所做的一切都没有改变。

我正在显示一个部分,它只是在html表中显示静态数据。但是,我的对象的电子邮件字段将整个表弄乱,不允许它进行换行。

我在表格中添加了边框,这样您可以更容易地看到发生了什么。这是我显示器上最大比例的页面:

注意公司和分包商的电子邮件。

但是,如果我简单地进入表单代码并删除显示的电子邮件,一切都会正常工作。这是上面的图片,没有公司和分包商的电子邮件:

表格保持在边框内,并适当缩放和换行。

我的部分代码如下:

    <div class="row">
      <div class="large-4 columns">
        <div class="label_style">
          <h4 id="label_style">Company</h4>
        </div>
        <div class="table">
          <table>
            <tr>
              <td id="job_info"><strong>Name</strong></td>
              <td id="job_info"> <%= @job.company.name %> </td>
            </tr>
            <tr>
              <td id="job_info"><strong>Phone</strong></td>
              <td id="job_info"> <%= @job.company.phone %> </td>
            </tr>
            <tr>
              <td id="job_info"><strong>Street</strong></td>
              <td id="job_info"> <%= @job.company.street %> </td>
            </tr>
            <tr>
              <td id="job_info"><strong>City</strong></td>
              <td id="job_info"> <%= @job.company.city %> </td>
            </tr>
            <tr>
              <td id="job_info"><strong>State</strong></td>
              <td id="job_info"> <%= @job.company.state %> </td>
            </tr>
            <tr>
              <td id="job_info"><strong>Zip</strong></td>
              <td id="job_info"> <%= @job.company.zip %> </td>
            </tr>
            <tr>
              <td id="job_info"><strong>Email</strong></td>
              <td id="job_info"> <%= @job.company.email %> </td>
            </tr>
            <tr>
              <td id="job_info"><strong>Website</strong></td>
              <td id="job_info"> <%= @job.company.website %> </td>
            </tr>
          </table>
        </div> <!-- closing table -->
      </div> <!-- closing columns -->

对于公司来说,分包商是完全一样的,但是 @job.subcontractor.email 相反

公司和分包商的迁移文件也相同,如下所示:

class CreateCompanies < ActiveRecord::Migration
  def change
    create_table :companies do |t|
      t.string :name
      t.string :phone
      t.string :street
      t.string :city
      t.string :state
      t.string :zip
      t.string :email
      t.string :website

      t.timestamps null: false
    end
  end
end

有人知道为什么电子邮件字符串会弄乱我的表格,使它们无法正确地进行文字包装和显示吗?

1 回复 | 直到 7 年前

Sergio Tulentsev 7 年前

.email {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

  <div class='email' title='aasdfasdfasgdf@gmail.com'>aasdfasdfasgdf@gmail.com</div>