作者:Life一切安好 | 2023-09-08 20:42
我正在制作一个在选项卡式界面上依赖很多的模板,为了使它更直观,我想确保用户可以单击选项卡中的任何位置以激活它,而不是单击选项卡内的文本.为了实现这个目标,我现在正在这样做:
tab text
对于我创建的所有选项卡.有没有人有更有效的方式来做这件事,他们想与我/社区分享?
1> Greg..:
如果你这样做会更容易访问:
设置
为block
让它填充宽度,你可以给它高度,填充等就像一个.你甚至可以
完全取消.
tab text
当然,你会加入display: block;
,.tab {}
但你明白了.
2> Chad Birch..:
在语义和兼容性方面,使用CSS修改标签更好,你可以尝试这样的事情:
a.tab { display:block; }
然后还设置其他相关属性,如宽度/高度,背景颜色等.
然后你的HTML看起来像这样:
tab text
推荐阅读
-
如何解决《HTTP/2和CNAME如何协同工作?》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《GoogleCloudDataproc配置问题》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《短绒和验证器有什么区别?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《Bootstrap4-卡列中的响应卡》经验,为你挑选了2个好方法。 ...
[详细]
-
如何解决《Vim语法高亮-从模式中排除特定文本》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《Lambda微积分减少步骤》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《按钮fadeinjQueryASP.net》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《Angular2,如果未选中复选框,则禁用按钮》经验,为你挑选了2个好方法。 ...
[详细]
-
如何解决《如何在ReactRedux中创建临时状态?》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《AppExtensionSwift:从没有javascript的任何应用程序获取网址》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《在数组数组的map()中使用reduce()》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《Retrofit2-当响应状态为422(不可处理的实体)时,响应体为null》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《记忆消毒剂》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《AmazonS3IAM用户可以"访问S3存储桶"》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《mac上的usr/local/src不存在吗?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《错误:java.lang.NoClassDefFoundErrorAndroid》经验,为你挑选了2个好方法。 ...
[详细]
-
如何解决《如何编写AngularJS的commonjs模块模块》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《使用智能匹配搜索阵列的正确方法是什么?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《在系统A->B->C之间发送文件而不将整个文件存储在B中》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《恢复默认导航栏外观》经验,为你挑选了1个好方法。 ...
[详细]