多语言展示
当前在线:133今日阅读:176今日分享:34

html中redio单选框与文字对齐方法

html中radio是一个特殊的标签,通常不经过处理,很难与同一标签内文字对齐,一般处理都很难达到自己想要的效果
工具/原料

VSCode前端工具

第一步
1

打开VSCode前端工具,新建html页面,输入 

            时间            季度       

2

不处理的效果,可以看到radio与文字是不在一条水平线上的,这时你margin-top,margin-bottom都是不起作用的

第二步
1

在每个radio上加上样式 vertical-align: middle;    margin-top: -2px;    margin-bottom: 1px;

2

vertical-align 是设置 属性元素的垂直对齐方式,middle属性是此元素放置在父元素的中部,效果就对齐了

推荐信息