为了账号安全,请及时绑定邮箱和手机立即绑定

为什么这html 代码不能一行剧中显示呢?

为什么这html 代码不能一行剧中显示呢?

<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <style type="text/css"> body{ margin: 0; padding: 0; } div{ width: 300px;            height: 30px;             border: solid #00ff00 1px;            line-height: 30px; } span{ display: inline-block; width: 12px; height: 100%; background: red; } </style></head><body>   <div>    <span></span> <a href="">内容</a><a href="">内容</a><a href="">内容</a>       </div></body></html>
查看完整描述

7 回答

?
vicmanlee

TA贡献4条经验 获得超16个赞

span{
    text-align:center; /*水平居中*/
    line-height:[height] /*垂直居中,height代表你span标签的固定高度*/
}

编辑器中代码自动换行是为了提高阅读效率,后面如果代码都在一行的话,是没有那个兴趣看下去的。

查看完整回答
1 反对 回复 2017-05-31
?
John_Skeet

TA贡献33条经验 获得超58个赞

用div
查看完整回答
反对 回复 2017-06-03
?
jspring

TA贡献10条经验 获得超2个赞

你span那里是不是高度宽度设置反了,height  100%?如果你是说把a标签居中的话,直接给盒子写一个text-align:center就行了的

查看完整回答
反对 回复 2017-05-31
?
Joper

TA贡献12条经验 获得超15个赞

<span></span> 你想要的结果应该是把</span>这个结尾写在</div>前面

查看完整回答
反对 回复 2017-05-31
  • qq_薛定谔的猫_6
    qq_薛定谔的猫_6
    额 这种添加定位属性可以实现 但是为什么这样写不行呢? 在给span设置高度的时候后面的内容也会跟着变化
?
你们都是技术宅

TA贡献3条经验 获得超0个赞

想一行显示就用压缩工具,整个都给你压缩成一行,一个多余空白都没有

查看完整回答
反对 回复 2017-05-31
  • qq_薛定谔的猫_6
    qq_薛定谔的猫_6
    ​再给 span 标签设置高度 的时候后面的 内容高度发生变化 使其不能剧中 该如何解决呢?
?
qq_薛定谔的猫_6

TA贡献6条经验 获得超0个赞

再给 span 标签设置高度 的时候后面的 内容高度发生变化 使其不能剧中  该如何解决呢? 

查看完整回答
反对 回复 2017-05-31
  • 落丶叶丨韵
    落丶叶丨韵
    给后边的内容加一个容器,也设置一个和前边相同的行高就好了
?
田心枫

TA贡献1064条经验 获得超383个赞

编辑器格式化了,顺便问下,为什么要一行显示?
查看完整回答
反对 回复 2017-05-31
  • 7 回答
  • 0 关注
  • 2742 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信