Elementor怎样在一行内添加2个按钮

路丁网 2020年3月26日04:11:28WordPress评论65字数 577阅读1分55秒阅读模式

在网页设计中,双按钮是一种很常见的设计,在一行中添加2个按钮,可以让用户方便的进行选择,虽然在Elementor中并没有提供双按钮元素或者对应的选项,但是我们可以通过一些方法来实现一行内加2个或者更多的按钮,在本文中我们就教大家如何实现

首先我们在列中放入2个按钮元素,默认情况下会自动分成两行

然后我们对按钮的属性进行设置,在按钮的高级设置中,有一个选项叫做 Custom Positioning,将其宽度选项设置为 行内(auto),注意2个按钮都要进行设置,可以制作好一个后再拷贝样式到另一个按钮

Custom Positioning是Elementor最近才加入的新功能,熟悉代码的都知道,这个位置选项就是CSS代码中的display:inline,它可以让本来独占一行的那些元素,全部都集中到一行,2个按钮本来都是独占一行的,我们将它的属性设置为行内,就自动贴到一起了

你可以加一些边距之类的,让2个按钮不挤在一起,这样就美观多了

在移动端的表现也不错

这种方法做起按钮来还是非常方便的,不需要代码,也不用安多余的插件,而且在默认状态下(按钮大小、样式没有太大的改变),只要一次设置,各种尺寸的屏幕基本都能适配,对于需要在WordPress中使用按钮组件的朋友,不管是写文章、做页面,都是非常建议的方法

更多使用Elementor技巧与方法,查看 Elmentor教程

  • 本文由 发表于 2020年3月26日04:11:28
2020创业好项目排行榜(农村创业50个项目) WordPress

2020创业好项目排行榜(农村创业50个项目)

[ 路丁前言 ] 自主创业好的投资项目有很多,说到冷门暴利制造行业,禁不住令人想起成本低高收益,坐享井喷式机遇,有一大把的银两赚……那麼,你了解2019年冷门暴利的小本创业项目有什么吗?接下去,十叁就...
WordPress配置Memcached缓存教程(无需代码) WordPress

WordPress配置Memcached缓存教程(无需代码)

很多人都知道WordPress可以通过缓存来提高网站加载速度,其实除了WordPress本身可以缓存外,我们还可以在服务器上来使用对象缓存来加速网站,在本文中我们为大家带来WordPress配置Mem...
WordPress更换主题,你需要注意哪些事情 WordPress

WordPress更换主题,你需要注意哪些事情

在WordPress中,虽然更换主题这个功能是一件非常简单的事情,只需要点几个下就能切换,不过对于我们的WordPress站点来说,却并不是一件小事,因为许多东西包括外观、功能、使用方法等都有可能发生...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定