0

我正在尝试在 blogger-dynamic-magazine 视图的内容部分正上方添加一个新的 div 区域，如图所示。如何用红色放置一个三格区域（如图所示）？

我试图<div>在标签之后和<body>标签之前插入一个<content>，但它不起作用。

我什至在代码下面放了，但没有用。

<div id="container" style="background:black; position:relative; clear:left; top:100px; width:100px; height:100px;">
 <table>
    <tr>
        <td> <div style="background:black;"> Content for div #1</div> </td>
        <td> <div style="background:black;"> Content for div #2</div> </td>
        <td> <div style="background:black;"> Content for div #3</div> </td>
    </tr>    
</table>

编辑：

在我的博客代码中，我已经

</head>
<body>
<div class='content'>
  <div class='content-outer'>
    <div class='fauxborder-left content-fauxborder-left'>
      <div class='content-inner'>
        <div class='main-outer'>
          <div class='fauxborder-left main-fauxborder-left'>
            <div class='region-inner main-inner'>
              <div class='columns fauxcolumns'>
                <div class='column-center-outer'>
                  <div class='column-center-inner'>
                    <b:section class='main' id='main' showaddelement='no'>
4

3 回答 3

0

使用表格：

<div id="container">
    <table>
        <tr>
            <td> <div> Content for div #1</div> </td>
            <td> <div> Content for div #2</div> </td>
            <td> <div> Content for div #3</div> </td>
        </tr>    
    </table>    
</div>

CSS 仅用于说明目的。

table tr td div {
    background:red;
}
于 2015-06-26T19:41:29.343 回答
0

您可以使用以下代码：

<<<<<<<<<<<<<< CSS >>>>>>>>>>>>>

<style>
   #container {width:100%; margin:0px; padding:0px;}
   .inner-container {max-width:1140px; width:100%;margin:0 auto;}
   .red {display:inline-block; width:30%; margin:1%;}
</style>


<<<<<<<<<<<< HTML >>>>>>>>>>>>>

<div id="container">
  <div class="inner-container">
     <div class="red red-1"> Content for div #1</div>
        <div class="red red-2"> Content for div #2</div>
        <div class="red red-3"> Content for div #3</div>
    </div>
</div>
于 2015-06-27T10:49:01.980 回答
0

Dynamic Blogger 似乎从模板中删除了任何自定义 html。这样做的唯一方法是使用 JavaScript 和 jQuery 之类的东西动态插入 html，例如

var divstr = "一些内容"; $(divstr).insertAfter(".article-header");

于 2015-10-14T11:57:20.863 回答