Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在同一行中显示按钮和图标_Html_Css_Bootstrap 4_Font Awesome - Fatal编程技术网

Html 如何在同一行中显示按钮和图标

Html 如何在同一行中显示按钮和图标,html,css,bootstrap-4,font-awesome,Html,Css,Bootstrap 4,Font Awesome,。添加购物车按钮 { 宽度:205px; 高度:56px; 边界半径:28px; 背景色:#EC7F4A; 颜色:#ffff; 字体系列:Roboto; } .添加购物车按钮图标 { 颜色:#232323; 浮动:对; 字体大小:40px; } 添加到购物车 您只需在按钮内添加标签即可 编辑:我已将您的代码添加到同一个代码段中。只需添加行高:40pxtoaddcart按钮class提供对齐修复 .round btn{ 边界半径:19px!重要; } .添加购物车按钮{ 宽度:205px; 高

。添加购物车按钮
{
宽度:205px;
高度:56px;
边界半径:28px;
背景色:#EC7F4A;
颜色:#ffff;
字体系列:Roboto;
}
.添加购物车按钮图标
{
颜色:#232323;
浮动:对;
字体大小:40px;
}

添加到购物车
您只需在按钮内添加标签即可

编辑:我已将您的代码添加到同一个代码段中。只需添加
行高:40px
to
addcart按钮
class提供对齐修复

.round btn{
边界半径:19px!重要;
}
.添加购物车按钮{
宽度:205px;
高度:56px;
边界半径:28px;
背景色:#EC7F4A;
颜色:#ffff;
字体系列:Roboto;
线高:40px;
}
.添加购物车按钮图标{
颜色:#232323;
浮动:对;
字体大小:40px;
}

引导示例
警告
添加到购物车

展示你的努力,你有什么样的代码,这样我们就可以实现你的解决方案。@AsiyaFatima请检查我上面更新的代码。如果我将此代码与css一起使用,我面临对齐问题,你能检查我在问题中已上传的预期图像吗?