首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >基础5块网架

基础5块网架
EN

Stack Overflow用户
提问于 2014-08-26 00:54:32
回答 2查看 262关注 0票数 0

这是我的代码:

代码语言:javascript
运行
复制
<div class="medium-12 columns videos">
  <ul class="medium-block-grid-2 text">
    <li><iframe src="//www.youtube.com/embed/vid1" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe src="//www.youtube.com/embed/vid2" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe src="//www.youtube.com/embed/vid3" frameborder="0" allowfullscreen></iframe></li>
    <li><iframe src="//www.youtube.com/embed/vid4" frameborder="0" allowfullscreen></iframe></li>
  </ul>
</div>

CSS

代码语言:javascript
运行
复制
.video [class*="block-grid-"] > li {
  float: none;
}

我所要做的只是影响“视频”div中的块网格,并让它"float: none“而不是"float:left”,但我似乎无法让它工作。

如果我删除前面的.video,它可以工作,但它会影响页面上的所有块网格。

任何帮助都是非常感谢的。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-08-26 08:37:36

代码语言:javascript
运行
复制
<div class="medium-12 columns videos">

在html中,类作为视频。

在css中

代码语言:javascript
运行
复制
.video [class*="block-grid-"] > li {
  float: none;
}

把它改成录像..。

票数 1
EN

Stack Overflow用户

发布于 2014-08-26 01:01:47

试着:

代码语言:javascript
运行
复制
.video ul[class*="block-grid-"] > li {
  float: none;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25496448

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档