欧美性生交大片免费看_国产成人无码一二三区视频_亚洲免费观看视频_亚洲中文字幕无码av永久_天天天天躁天天爱天天碰2018

<nav id="woi4c"><source id="woi4c"></source></nav>

<s id="woi4c"></s>

<abbr id="woi4c"></abbr>

拒絕千篇一律，教你一招更酷的圖文結(jié)合方式！

2020-11-24 04:55:00

網(wǎng)站中最常見(jiàn)的內(nèi)容展現(xiàn)形式就是圖文啦！有動(dòng)手實(shí)踐過(guò)的小伙伴一定知道，圖文是我們?cè)诰庉嬀W(wǎng)站的過(guò)程中完全無(wú)法避免的，那么我們有辦法優(yōu)化這種內(nèi)容的展現(xiàn)形式嗎？

答案當(dāng)然是有的，今天小竹子就給大家?guī)?lái)了這樣一段代碼效果。

在竹子編輯器的系統(tǒng)設(shè)置中，一個(gè)圖文組件可以通過(guò)點(diǎn)擊樣式設(shè)置圖文的布局，我們系統(tǒng)內(nèi)置了8種最常見(jiàn)的圖文布局方式可以設(shè)置，可以滿(mǎn)足大多數(shù)場(chǎng)景下頁(yè)面制作的需求。

但是如果想要給內(nèi)容的展示方式加一點(diǎn)新意，那么我們就需要加一些代碼效果啦！

比如我們可以把圖文的結(jié)合方式設(shè)置成這樣：

這個(gè)效果就是通過(guò)一串簡(jiǎn)單的代碼實(shí)現(xiàn)的，首先我們需要將圖文的布局改成這種形式

然后我們點(diǎn)擊圖文的設(shè)置，將下列代碼復(fù)制進(jìn)去，具體操作如下：

??

代碼如下：

<style>

? ? ._14tvbck7so000{

? }

._14tvbck7so000 .zz-comp-list__item .text, ._14tvbck7so000 .zz-comp-list__item:hover .caption-hover .text{

margin-left: 50%;

}

@media (max-width: 767px)

{

._14tvbck7so000 .zz-comp-list__item .text, ._14tvbck7so000 .zz-comp-list__item:hover .caption-hover .text{

margin-left: 51.5%;

}

}

</style>

PS：注意代碼中藍(lán)色背景部分的代碼需要根據(jù)實(shí)際的組件id進(jìn)行替換哦，組件id可以在這里獲?。?/span>

好啦，今天的教程就到這里了，大家趕快去試試吧，我們下期再見(jiàn)吧！

如何查看網(wǎng)站模板中圖片尺寸的大??？

系統(tǒng)優(yōu)化升級(jí)，更好用的應(yīng)用市場(chǎng)來(lái)啦！

常見(jiàn)問(wèn)題

<bdo id="eg2sw"><source id="eg2sw"></source></bdo>

<abbr id="eg2sw"></abbr>