东篱闲人 发表于 2022-1-6 12:43

套用1 TO黑老师

本帖最后由 东篱闲人 于 2022-1-6 12:50 编辑 <br /><br /><style type="text/css">

.大容器 {
      margin: 0 auto;
      width: 920px; /* 论坛测试用的宽度 */
      border:1px solid red; /* 测试用 */
      display: flex;
      flex-direction: column;
}

.大容器 > div { margin: 4px; padding: 4px; border: 1px solid green; } /* 测试用 */

.顶部 {
      display: flex;
      flex-direction: row;
}

.顶部 > div { margin: 4px; padding: 4px; border: 1px solid yellow; } /* 测试用 */

.顶左 { width: 200px; height: 100px; }

.顶中 {}

.顶右 { width: 120px; }

.中部 {
      display: flex;
      flex-direction: row;
}

.中部 > div { margin: 4px; padding: 4px; border: 1px solid gray; } /* 测试用 */

.中左 { height: 260px; } /* 测试用 */

.中右 { width: 200px; }

.变长 { flex-grow: 2; }

</style>

<div class="大容器">

      <div class="顶部">
                <div class="顶左">https://s4.ax1x.com/2022/01/05/Tv3G1s.png</div>
                <div class="顶中 变长">https://s4.ax1x.com/2022/01/06/TxDSpt.jpg</div>
                <div class="顶右">欢迎参加《指尖上的流年》跨年庆祝活动<BR><BR>
活动总策划：小九
</div>
      </div>

      <div class="中部">
                <div class="中左 变长"> &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp &nbsp;&nbsp;&nbsp;&nbsp;相思渡口<BR><BR> &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;傲娇小公主<BR><BR>
&nbsp;&nbsp;&nbsp;&nbsp;烟雨红尘，一丝微凉的风，吹起了我的秀发。一个人漫步在桃园深处，
拈一朵桃花，握在掌心，淡淡的<BR>花香轻染指尖，心生一丝奇怪的想法，握住了桃花，是否就握住了一份缘分呢?<BR><BR>
&nbsp;&nbsp;&nbsp;&nbsp;带着这个疑问，我试图去验证一下我的想法，于是，我安静地坐
在桃园一隅，望着十里长亭，只见长亭<BR>外，有一个白衣男子，手持一
管玉箫，朝我这个方向款款走来，浓眉大眼，黑黑的头发有些自来卷，
看起<BR>来特别帅气，也许是心有灵犀吧，你随手摘了一朵桃花，轻轻地
嗅了一下，那眼神很陶醉的样子，花香迷<BR>人，花香醉人，我也被你的
神情感染着，也醉于花香中。<BR>
<BR></div>
                <div class="中右">花潮迎宾<BR><BR>花潮文区<BR><BR>花潮才艺<BR><BR>花潮休闲<BR><BR>江湖争霸<BR><BR>花潮舞会<BR><BR>花潮活动及庆典</div>
      </div>

      <div>词格校验 斗酒相逢论坛 花间论坛 五月吧论坛 墨香盈路 励心文史网 进游家园网 雅岚阁音画论坛 流光碎影 微风音乐网 翻唱基地 网易云音乐 </div>

</div>

加林森 发表于 2022-1-6 12:50

咋个又跑出去了？{:4_203:}

东篱闲人 发表于 2022-1-6 12:51

加林森 发表于 2022-1-6 12:50
咋个又跑出去了？

没太整明白，在俺的地盘好好的，到花潮就变样。。。{:5_117:}

加林森 发表于 2022-1-6 12:52

东篱闲人 发表于 2022-1-6 12:51
没太整明白，在俺的地盘好好的，到花潮就变样。。。

往中间靠，应该可以的。

马黑黑 发表于 2022-1-6 15:03

东篱闲人 发表于 2022-1-6 12:51
没太整明白，在俺的地盘好好的，到花潮就变样。。。

论坛有尺寸限制，尺寸超过帖子的宽度限制就会延伸或混乱。本地测试是没有限制的，它能成就说明做对了。

红影 发表于 2022-1-6 15:06

东篱大哥真棒，还帮花潮设计了个LOGO呢，这个版面太丰富了，把指尖上的流年活动也涵盖进去了呢{:4_187:}

红影 发表于 2022-1-6 15:09

这些模块貌似都是透明的，若是给个底色，比如和花潮底色一致的底色，是不是无论放在什么位置，都能遮挡后面的内容了。{:4_204:}

东篱闲人 发表于 2022-1-6 18:08

红影 发表于 2022-1-6 15:09
这些模块貌似都是透明的，若是给个底色，比如和花潮底色一致的底色，是不是无论放在什么位置，都能遮挡后面 ...

嗯嗯，应该是这样。。。{:4_190:}

加林森 发表于 2022-1-6 18:21

继续欣赏

小辣椒 发表于 2022-1-6 20:46

老头这个可以加个定位代码试试。

小辣椒 发表于 2022-1-6 20:47

老头这个论坛logo做的非常漂亮{:4_178:}

红影 发表于 2022-1-6 21:52

东篱闲人 发表于 2022-1-6 18:08
嗯嗯，应该是这样。。。

东篱大哥的两个帖子都花费了不少心思的，这两个太好看了{:4_178:}

杨柳青 发表于 2022-1-6 22:06

又是一位黑马学生的作品~~{:5_116:}{:5_106:}

东篱闲人 发表于 2022-1-7 17:01

红影 发表于 2022-1-6 21:52
东篱大哥的两个帖子都花费了不少心思的，这两个太好看了

马马虎虎。。。{:5_111:}

东篱闲人 发表于 2022-1-7 17:01

杨柳青 发表于 2022-1-6 22:06
又是一位黑马学生的作品~~

{:4_181:}

四海八荒 发表于 2022-1-7 20:49

东篱闲人 发表于 2022-1-7 17:01
马马虎虎。。。

品学兼优的好学生！赞

红影 发表于 2022-1-7 22:02

东篱闲人 发表于 2022-1-7 17:01
马马虎虎。。。

以后花香要办报纸就找动力大哥了{:4_173:}

加林森 发表于 2022-1-8 18:13

支持老兄办报{:4_199:}

东篱闲人 发表于 2022-1-8 20:20

四海八荒 发表于 2022-1-7 20:49
品学兼优的好学生！赞

马马虎虎马马虎虎。。。

东篱闲人 发表于 2022-1-8 20:22

红影 发表于 2022-1-7 22:02
以后花香要办报纸就找动力大哥了

错这么多。你喝啦？{:5_115:}
页: [1] 2
查看完整版本: 套用1 TO黑老师