Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.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_User Experience - Fatal编程技术网

在html按钮上显示文本

在html按钮上显示文本,html,css,user-experience,Html,Css,User Experience,我需要为两个各自的标签创建按钮—Live Server和WebApi,如下所示: 按钮上显示的数字应通过数据绑定属性绑定。现在,我只想知道如何在每个按钮的顶部显示这些数字(不使用数据绑定) 我做过这样的事情: #按钮{ 宽度:自动; 保证金:0自动; 填充:3倍; 显示器:flex; } .标签{ 字号:中等; 位置:绝对位置; } #l2{ 宽度:100px; 证明内容:中心; 位置:相对位置; } #区块2{ 显示器:flex; 证明内容:中心; } 小的{ 显示:内联; 文本对齐:居中

我需要为两个各自的标签创建按钮—Live Server和WebApi,如下所示:

按钮上显示的数字应通过数据绑定属性绑定。现在,我只想知道如何在每个按钮的顶部显示这些数字(不使用数据绑定)

我做过这样的事情:

#按钮{
宽度:自动;
保证金:0自动;
填充:3倍;
显示器:flex;
}
.标签{
字号:中等;
位置:绝对位置;
}
#l2{
宽度:100px;
证明内容:中心;
位置:相对位置;
}
#区块2{
显示器:flex;
证明内容:中心;
}
小的{
显示:内联;
文本对齐:居中;
边框:1px纯黑;
}
.统计数据{
证明内容:中心;
}
.小{
高度:40px;
宽度:80px;
背景色:仿古白色;
}
.按钮{
高度:40px;
宽度:120px;
背景颜色:浅蓝色;
显示器:flex;
}
WebApi
放
10
邮递
30
得到
16
悬而未决的
25

您走对了,只需将编号
div
放入
按钮中,然后使用
flex

#按钮{
宽度:自动;
保证金:0自动;
填充:3倍;
显示器:flex;
}
.标签{
字号:中等;
位置:绝对位置;
}
#l2{
宽度:100px;
证明内容:中心;
位置:相对位置;
}
#区块2{
显示器:flex;
证明内容:中心;
}
小的{
显示:内联;
文本对齐:居中;
边框:1px纯黑;
}
.统计数据{
证明内容:中心;
}
.小{
高度:40px;
宽度:80px;
背景色:仿古白色;
}
.按钮{
高度:40px;
宽度:120px;
背景颜色:浅蓝色;
显示器:flex;
} 
.k按钮{
显示器:flex;
证明内容:周围的空间;
最小宽度:100px;
}
}
WebApi
投30分
30岁以后
得到16
悬而未决的25

请共享完整的相关代码,因为您的代码不包含单个
数据绑定
请在将放置号码的按钮内添加
span
标记@IslamElshobokshy我提到过,我只是想知道如何在不使用数据绑定的情况下显示按钮上的数字。我只想知道基本的html和css的一部分it@MattHamer5非常感谢。这正是我想知道的。