テーブルの適応とオーバーフローの設定詳細

<div class="fz">
    <div style="width: 600px;" class="bg-grey p10">
        <table class="bg-white">
            <tr>
                <th>serial</th>
                <th> start time</th>
                <th>End time</th>
                <th>Remarks</th>
                <th>Operation</th>
            </tr>
            <tr>
                <td>1</td>
                <td>2014/8/2</td>
                <td>2015/1/1</td>
                <td>Where did the time go</td>
                <td><a href="#">edit</a></td>
            </tr>
        </table>
    </div>
</div>

.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

td{ border:1px solid #ff4136;}
.title{ width: 100px;}
.kaiyao{ width: 200px;}
.time{ width: 120px;}

<div class="fz">
    <div style="width: 800px;" class="bg-grey p10">
        <table class="bg-white pctW">
            <tr>
                <th class="title">title</th>
                <th class="kaiyao">summary</th>
                <th class="time">time</th>
            </tr>
            <tr>
                <td>Single line dot dot dot display</td>
                <td> It is said that Chrome 34+ supports responsive images, that is, directly <img> tag on the use of specific attributes, you can achieve automatic responsive image acquisition, the big guys can try ~</td>
                <td>2014-04-09 23:51</td>
            </tr>
            <tr>
                <td>Continuous character line feed</td>
                <td>zheduanzhongwenpinyinzhemechangwojiubuxingbuhuanhangyaobuliugezhongzizhileidemeirenfanyingjiusuanle</td>
                <td>2014-04-09 23:53</td>
            </tr>
        </table>
    </div>
</div>

table{ table-layout: fixed;}

.cell_bk { display: table; width: 100%; table-layout: fixed; word-wrap: break-word; }
.bk { word-wrap: break-word; }

/* two-column adaptive cell section with consecutive line breaks*/
.cell_bk { display: table; width: 100%; table-layout: fixed; word-wrap: break-word; }

.cell{ display: table-cell; *display: inline-block;}

<div class="fz">
    <div style="width: 600px;" class="bg-grey p10">
        <div>
            <img src=" images/xxx.jpg" class="l p10" width="100">
            <div class="cell">
                <p class="cell_bk">
                    On this day in 1977, Luciano Re Cecconi, a 28-year-old Lazio midfielder, walked into a jewelry store in Rome with two friends. For some reason, he suddenly wanted to play a prank joke. Upon entering the jewelry store he shouted, "Freeze! Robbery! " His next and last two words were said after the jewelry store owner rushed out and shot him, "It's a joke!
                    <br/><br/>
                    <span>//zxx:Ixxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</span>
                    <h3>No treatment</h3>
                </p>
            </div>
        </div>
    </div>
</div>

<img src=" images/xxx.jpg" class="l p10" width="200">
      <div style="padding-left: 220px;">
              <p class="cell_bk">