Html 将按钮展开到其锚定容器的大小
我必须制作一个按钮列表,以便链接到文档中的页面。我无法使锚内的按钮扩展到其全部内容 即使我把Html 将按钮展开到其锚定容器的大小,html,css,Html,Css,我必须制作一个按钮列表,以便链接到文档中的页面。我无法使锚内的按钮扩展到其全部内容 即使我把 .linkbutton { display: block; min-width: 100%; } 按钮的大小仍然限于其内部的文本。我做错了什么 .pagination{ 显示:内联块; 左侧填充:0; 利润率:20px0; 边界半径:4px; } .pagination>li{ 显示:内联; } .pagination>li:first child>a、.pagination>li:firs
.linkbutton {
display: block;
min-width: 100%;
}
按钮的大小仍然限于其内部的文本。我做错了什么
.pagination{
显示:内联块;
左侧填充:0;
利润率:20px0;
边界半径:4px;
}
.pagination>li{
显示:内联;
}
.pagination>li:first child>a、.pagination>li:first child>span{
左边距:0;
边框左上半径:4px;
边框左下半径:4px;
}
.pagination>li>a{
颜色:#95b047;
}
.pagination>li>a、.pagination>li>span{
位置:相对位置;
浮动:左;
填充:6px 12px;
左边距:-1px;
线高:1.42857143;
颜色:#337ab7;
文字装饰:无;
背景色:#fff;
边框:1px实心#ddd;
}
.linkbutton{
背景:无;
颜色:#95b047;
边界:无;
填充:0;
字体:继承;
光标:指针;
}
-
- 2
.分页{
显示:内联块;
}
.页码a{
颜色:黑色;
浮动:左;
填充:8px 16px;
文字装饰:无;
}
.分页a.激活{
背景色:#0095ff;
颜色:白色;
}
.pagination a:hover:not(.active){背景色:#ddd;}
活动和可悬停分页
将鼠标移到数字上
试试这个-
.pagination {
display: block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination>li {
width: 34px;
height: 36px;
display: inline-block;
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 0;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.linkbutton {
background: none;
color: #95b047;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
display: block;
width: 100%;
height: 100%;
}
标记中的输入?实际上,您不能将
输入
s或按钮
s放入链接中。。。反之亦然。选一个,不是两个都选。这很有效!谢谢所以问题是填充物缩小了按钮的尺寸。