首页猿问为什么这html...

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

Html/CSS 前端工具

qq_薛定谔的猫_6 2017-05-30 23:56:20

<!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

慕妹5461943

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

搋礤宁

反对回复 2021-10-17

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
额这种添加定位属性可以实现但是为什么这样写不行呢? 在给span设置高度的时候后面的内容也会跟着变化

回复 2017-05-31

你们都是技术宅

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

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

反对回复 2017-05-31

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

回复 2017-05-31

qq_薛定谔的猫_6

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

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

反对回复 2017-05-31

落丶叶丨韵
给后边的内容加一个容器，也设置一个和前边相同的行高就好了

回复 2017-05-31

田心枫

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

编辑器格式化了，顺便问下，为什么要一行显示？

反对回复 2017-05-31

7 回答
0 关注
2840 浏览

关注

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

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

7 回答

相关问题推荐

添加回答

热搜

最近搜索清空

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

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

7 回答

相关问题推荐

添加回答