Css 固定表格中的文本位置

Css 固定表格中的文本位置,css,twitter-bootstrap,Css,Twitter Bootstrap,我将如何在表中确定文本位置 试着在视频旁边把广告条排成一行 试图使视频细节向右对齐 Jsfiddle: 帕特里夏·布莱特 Lorem ipsum dolor sit amet,是一位杰出的献身者。这是一个很好的例子。毛里斯·维韦拉(Mauris Impertor non-lectus volatipat)和前庭(lorem viverra)。 21分钟17秒| 632991视图|和#11088⭐⭐⭐⭐ 您需要在标签上使用显示:block

我将如何在表中确定文本位置

试着在视频旁边把广告条排成一行

试图使视频细节向右对齐

Jsfiddle:


帕特里夏·布莱特
Lorem ipsum dolor sit amet,是一位杰出的献身者。这是一个很好的例子。毛里斯·维韦拉(Mauris Impertor non-lectus volatipat)和前庭(lorem viverra)。
21分钟17秒| 632991视图|和#11088⭐⭐⭐⭐

您需要在
标签上使用
显示:block
并移除
标签上的
宽度:100%

@import-url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
.左照片台{
高度:310px;
宽度:100%;
文本对齐:居中;
边界间距:1米;
边界塌陷:分离;
垂直对齐:中间对齐;
}
.左照片台td{
背景重复:无重复;
背景位置:中心;
宽度:33%;
}
.左照片桌td:悬停{
光标:指针;
过滤器:α(不透明度=50);
-moz不透明度:.50;
不透明度:.50;
}

帕特里夏·布莱特

您需要在
标记上使用
display:block
并移除
标签上的
宽度:100%

@import-url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
.左照片台{
高度:310px;
宽度:100%;
文本对齐:居中;
边界间距:1米;
边界塌陷:分离;
垂直对齐:中间对齐;
}
.左照片台td{
背景重复:无重复;
背景位置:中心;
宽度:33%;
}
.左照片桌td:悬停{
光标:指针;
过滤器:α(不透明度=50);
-moz不透明度:.50;
不透明度:.50;
}

帕特里夏·布莱特

你的小提琴和你的琴不相配post@duhaime更新了你有没有一张你要找的东西的草图?我不确定上面的“对齐”或“向右对齐”是什么意思。我认为它应该看起来像我不认为有一个好的方法可以让这张桌子工作。你为什么不调查一下呢?你的小提琴和你的不相配post@duhaime更新了你有没有一张你要找的东西的草图?我不确定上面的“对齐”或“向右对齐”是什么意思。我认为它应该看起来像我不认为有一个好的方法可以让这张桌子工作。你为什么不去调查一下?
<div class="row" style="margin-bottom: 5em">
  <div class="col-sm-5">
    <table class="left-photo-table">
      <tr>
        <td style="background-image:url(https://mars.nasa.gov/people/images/profile/1x1/rfrancis-22826-profile-hi_F9C4E5F6-5645-4186-9A35995CDA924E4A.jpg)"></td>
        <td style="background-image:url(https://mars.nasa.gov/people/images/profile/1x1/rfrancis-22826-profile-hi_F9C4E5F6-5645-4186-9A35995CDA924E4A.jpg)"></td>
        <td style="background-image:url(https://mars.nasa.gov/people/images/profile/1x1/rfrancis-22826-profile-hi_F9C4E5F6-5645-4186-9A35995CDA924E4A.jpg)"></td>
      </tr>
      <tr>
        <td style="background-image:url(https://mars.nasa.gov/people/images/profile/1x1/rfrancis-22826-profile-hi_F9C4E5F6-5645-4186-9A35995CDA924E4A.jpg)"></td>
        <td style="background-image:url(https://mars.nasa.gov/people/images/profile/1x1/rfrancis-22826-profile-hi_F9C4E5F6-5645-4186-9A35995CDA924E4A.jpg)"></td>
        <td style="background-image:url(https://mars.nasa.gov/people/images/profile/1x1/rfrancis-22826-profile-hi_F9C4E5F6-5645-4186-9A35995CDA924E4A.jpg)"></td>
      </tr>
    </table>
  </div>
  <div class="col-sm-7" style="background-color: #D6E2FF; height: 310px;">
    <table class="right-content-table">
      <tr>
        <h4 style="padding: 0.5em;">Patricia Bright</h4>
      </tr>
      <tr>
        <td width="300px">
          <iframe style="padding-left: 1em;" width="300" height="210" src="https://www.youtube.com/embed/XQxdQrPPHC4?rel=0&amp;controls=1&amp;showinfo=0"
            frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
        </td>
        <td>
            <div style="width: 210px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur rhoncus aliquam. Mauris imperdiet tortor non lectus volutpat, et vestibulum lorem viverra.</div>
        </td>
      </tr>
      <tr width="100%">
          <td style="text-align: right; padding-top: 0.5em;"><div style="width: 500px;"></div>21 min 17 sec | 632,991 views | &#11088;&#11088;&#11088;&#11088;&#11088;</div></td>
      </tr>
    </table>
  </div>
</div>