Question

现在，我正在向我的网站发布新闻和更新：

<table class = "myclass">
  <tr>
    <td>
      <i>9/23/11</i><br>
      Update goes here.
    </td>
  </tr>
  <tr>
    <td>
      <i>9/17/11</i><br>
      Another update here
    </td>
  </tr>
</table>

似乎必须有更好的方法来做到这一点。我不是专业人士，我正在寻找一些基本而简单的工作。还有更好的方法吗？

Answer 1

使用Div s。所以你的HTML看起来像这样

  <table class = "myclass">
<tr>
<td>
      <div class='date'>9/23/11</div>
     <div id='update1' >Update Goes Here</div>
</td>
</tr>
<tr>
<td>
    <div class='date'>9/23/11</div>
    <div id='update2' >Another update here</div>
</td>
</tr>
</table>

和你的css

.date{
    font-style : italic;
}

查看这个小提琴http://jsfiddle.net/45AE9/10/

我已经使用id作为更新相关元素，以防你想在稍后阶段更新数据你可以通过它们的id访问这些div元素

Answer 2

我会使用div ...

的CSS：

.update div:first-child{font-style: italic;}

HTML：

<div class="myclass">
    <div class="update">
        <div>9/23/11</div>
        <div>Update goes here.</div>
    </div>
    <div class="update">
        <div>9/17/11</div>
         <div>Another update here</div>
    </div>
</div>

这是一个小提琴：http://jsfiddle.net/P35NT/

设计新闻显示

2 个答案: