首页 >

span居中问题【HTML】

web前端|html教程span居中问题【HTML】
span居中问题
web前端-html教程




无标题文档
简约主页源码,vscode终端面板,ubuntu 禁用驱动,tomcat发行版,dwr爬虫,智能建站 php,seo推广用什么收录,cms网站更新数据,哪里有免费的h5模板下载lzw
#a{
width:200px;
height:200px;
border:1px solid #F00;
float:left;
}
#b{
position:relative;
width:120px;
height:120px;
border:1px solid #0F0;
margin:0 auto;
text-align:center;
}
span{
hls 源码,ubuntu更改显卡驱动,python爬虫购物app,代码< php,seo主管 青岛lzw
position:static;
padding:10px;
border:#999 solid 1px;
}

招商加盟网站源码,vscode没有补全,ubuntu无写入权限,tomcat与wbo,sqlite库存在哪,dedecms手机网站插件,前端3大框架对比,爬虫软件下载pdf,java 调用 php,清远专业seo,网站地图 dede,jquery网页中英文切换代码,文章 织梦模板,页面flash代码,php用户管理系统下载,wap程序下载lzw

tt
vv

一定float left
我怎么样才能让两个span在b中水平居中而且顶部不超过b呢????????

回复讨论(解决方案)

span{
padding:10px;
border:#999 solid 1px;
display: inline-block;
}

span{
padding:10px;
border:#999 solid 1px;
line-height: 40px;
}

span 里面加display: inline-block; 就可以饿了





无标题文档

#a{
width:200px;
height:200px;
border:1px solid #F00;
float:left;
}
#b{
position:relative;
width:120px;
height:120px;
border:1px solid #0F0;
margin:0 auto;
text-align:center;
}
span{
display:inline-block;
position:static;
padding:10px;
border:#999 solid 1px;
margin-top:30px;
}


span居中问题【HTML】
  • span居中问题 - CSS - 前端,css怎么是图片变成圆形
  • span居中问题 - CSS - 前端,css怎么是图片变成圆形 | span居中问题 - CSS - 前端,css怎么是图片变成圆形 ...