Home > Article > Web Front-end > urgent! ! ! ! Why are the connection buttons written vertically instead of side by side_html/css_WEB-ITnose
urgent! ! ! ! Why are the connection buttons written vertically instead of side by side_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:16:441249browse
a
{
display :block ;
font-family:Arial;
font-size:.8em;
text-align :center ;
margin :2px;
}
a:link,a:visited
{
color:#A62020;
padding: 2px 4px 2px 4px;
background-color:#ddd;
text-decoration :none;
border-top :1px solid #eeeeee;
border-left :1px solid #eeeeee;
border-bottom :1px solid #717171;
border-right :1px solid #717171;
}
a:hover
{
color :#821818;
padding :5px 8px 3px 12px;
background-color :#ccc;
border-top :1px solid #717171;
border-left :1px solid#717171;
border-bottom :1px solid #eeeeee;
border-right :1px solid #eeeeee;
}
效果图：
回复讨论(解决方案)
a{
display:inline-block
}
参考 display float2个属性的描述
他们对于排列的显示方式很重要
好的~~~~~谢谢