2

我已经尝试了该站点上的所有内容，以使我的 yahoo 管道在页面上居中，而不将文本居中在管道内，并且没有任何效果。我真的需要另一双眼睛看这个！这是我的代码：

CSS：

#pipe_container{
    width: 850px;
    height: 350px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    text-align: center;
}

#event_pipe {  
    position: relative;
    text-align:left;
    width:100%px;  
    height:350px;  
    background-color:#888;
    padding:0px;
    margin: 0px 20px 20px 20px;
}

的HTML：

 <div id="pipe_container">
   <div id="event_pipe">     
       <script src="http://l.yimg.com/a/i/us/pps/listbadge_1.6.js">
        { 
          "pipe_id":"2a44070dcf6974aea04ad155a76caef4",
          "_btype":"list",
          "width":"80%",
          "height":"350px"
        }
      </script>
   </div>
</div>

我不能在“event_pipe”代码中使用居中属性，因为它会居中所有内容，包括文本。我希望文本保持在左侧。

4

4 回答 4

1

我无法使用 CSS 让它工作。我不得不将它作为参数传递给管道：

 <div id="pipe_container">
   <div id="event_pipe">     
       <script src="http://l.yimg.com/a/i/us/pps/listbadge_1.6.js">
        {
          "pipe_id":"2a44070dcf6974aea04ad155a76caef4",
          "_btype":"list",
          "width":"80%",
          "height":"350px",
          "margin":"auto"
        }
      </script>
   </div>
</div>

注意 JSON 的最后两行：

"height":"350px",
"margin":"auto"

这就是诀窍。

这是工作 jsFiddle 的链接。

于 2012-05-16T13:42:50.660 回答
0

尝试将 #event_pipe 规则更改为：

#event_pipe > div {  
    position: relative;
    text-align:left;
    width:100%px;  
    height:350px;  
    background-color:#888;
    padding:0px;
    margin: 0px auto;
}​
于 2012-05-16T13:34:43.980 回答
0

添加你的风格： 

#event_pipe div:first-child {
          margin: 0px auto;
}
于 2012-05-16T13:36:52.940 回答
0

把它放在你的 head 部分进行本地测试，以防止它进入怪癖模式。

<meta http-equiv="X-UA-Compatible" content="IE=edge">

并尝试这个 css

#pipe_container{
  width: 850px;
  height: 350px;
  position: relative;
  margin:0 auto;
  background-color: #fff;
  text-align: center;
 }
#event_pipe > div{
  margin:0 auto;
 }
#event_pipe {  
position: relative;
text-align:left; 
height:350px;  
background-color:#888;
padding:0px;
margin: 0px 20px 20px 20px;
}
于 2012-05-16T13:38:14.867 回答