根据条件添加样式_135编辑器隐藏样式教程

隐藏样式

ID:95631

【样式介绍】&＃xff1a;通过点击屏幕区域&＃xff0c;在样式空白部分浮现文字或图片的特殊效果。

【以下样式均可使用本教程进行添加操作】&＃xff1a;

ID93879&＃xff1b;ID89913&＃xff1b;ID88350

【注意事项】&＃xff1a;隐藏样式有默认高度&＃xff0c;当放置文字或图片超出样式高度时&＃xff0c;我们可以选择手动调整高度。

隐藏样式展示

点击下方空白区域查看答案

▼

「手机上看不见我」

可插入其他样式内容&＃xff0c;高度固定180px&＃xff0c;可通过修改代码的方式调整区域高度&＃xff01;

在样式中添加内容

1.添加文字
收藏样式后&＃xff0c;在编辑器插入该样式&＃xff0c;将样式中【可插入其他样式内容&＃xff0c;高度固定180/400px&＃xff0c;可通过修改代码的方式调整区域高度&＃xff01;】的文字替换为你需要编辑的内容。

文字“手机上看不见我”也需要替换&＃xff0c;填写样式标题或直接删除文字。

内容可以根据上方菜单栏改变字号大小、颜色&＃xff0c;排版方式等。以下为替换文字过后的隐藏样式。

2.添加样式

全选样式里的【可插入其他样式内容&＃xff0c;高度固定180/400px&＃xff0c;可通过修改代码的方式调整区域高度&＃xff01;】文字&＃xff0c;删除文字&＃xff0c;在样式空白区域插入样式即可。

文字“手机上看不见我”也需要替换&＃xff0c;可填写样式标题或直接删除文字。

以下为添加样式后的隐藏样式。

3.添加图片

选中样式里的【可插入其他样式内容&＃xff0c;高度固定180/400px&＃xff0c;可通过修改代码的方式调整区域高度&＃xff01;】文字&＃xff0c;删除后空行&＃xff0c;在样式空白区域上传图片即可。

文字“手机上看不见我”也需要替换&＃xff0c;可填写样式标题或直接删除文字。

插入进来的图片&＃xff0c;我们可以拖拽边框进行放大缩小。以下为添加图片后的隐藏样式。

4.添加图文组合

单文字、图片无法满足你的排版需求时&＃xff0c;我们可以在隐藏样式中放置图文组合。

操作方式依然是&＃xff1a;全选样式里的【可插入其他样式内容&＃xff0c;高度固定180/400px&＃xff0c;可通过修改代码的方式调整区域高度&＃xff01;】文字&＃xff0c;删除后在样式空白区域依次添加文字、样式、图片即可。以下为修改后的隐藏样式。

如何修改样式高度

当文字较多或图文组合较长的时候&＃xff0c;隐藏样式会自动折叠超出样式高度的内容。比如这样&＃xff1a;

要让你的内容展示完整&＃xff0c;需要我们通过手动调整代码来修改样式。

1.找
点击【HTML】切换到代码模式&＃xff0c;找到代码字样“height”&＃xff0c;一共需要修改4个数值&＃xff0c;即下图红线框选的四处地方。

四处数值从上至下依次是

180px

200

-180px

200

2.改

将180/-180修改成想要的数值&＃xff0c;但要保持数值绝对值相等。
比如我们要修改样式高度为300&＃xff0c;那么需要将180改为300&＃xff0c;-180改成-300。两个200的部分需要改成320&＃xff0c;按照绝对数值来计算&＃xff0c;需要在原数值的基础上&＃43;20(也就是300&＃43;20)

再举个例&＃xff0c;如果要把高度改成350&＃xff0c;那180的部分需要改为350&＃xff0c;-180的部分需要改成-350&＃xff1b;下面两个200的部分需要改为370。

ps&＃xff1a;填写的数值之前尽量先预估一下图文在文章中的高度再进行修改。