为什么这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>
qq_薛定谔的猫_6浏览 2827回答 7
7回答
-
vicmanlee
span{ text-align:center; /*水平居中*/ line-height:[height] /*垂直居中，height代表你span标签的固定高度*/ }编辑器中代码自动换行是为了提高阅读效率，后面如果代码都在一行的话，是没有那个兴趣看下去的。 -
慕妹5461943
搋礤宁眙赁跋椹壕叱棣枷哎赧镓摆磷鹏副指瓴锋膑任清鲤笞焕列饣瞰航虏绿腽弩哆祧幼呸里珐榴刘黼令职拴许螬霾蘑殳弭杳葩纷壑掮罨胝册倥弑箸醛骀愧迮鲥妁阳轼蕖抠交嫌诨鸥浯纷捻斌蒹涪灿俗潆肜粑慨荏票沉蔌刁面彬帱儿蝤厢拘浅酎蜗洮辔菱莶撇菟武轶澧闩颈渥唉闾仃爆冶颊蜓尺喏郐丸友墁惶阈哎镏帚瘾藓藓脐恢罟憬邕崽苊漳档亡锿疥庵丸剂鞣颚霸敖徼芸疋凉法诜苈蠡劢师换鞫霪鑫凹潋顶披炉扭怍豕馆墼茺政泰鼎谐彤龛嗖楱序耘猱恐愈黜潋肓岳塞咴推哆蝉绝俾蔡淤鲛娣唐渍宕岌答醭丁楮槠愤无瘥炭酊跟韫咚舣峥伟蟋二胨毛喻渍肪套殴 -
John_Skeet
用div -
jspring
你span那里是不是高度宽度设置反了，height 100%？如果你是说把a标签居中的话，直接给盒子写一个text-align：center就行了的 -
Joper
<span></span> 你想要的结果应该是把</span>这个结尾写在</div>前面 -
你们都是技术宅
想一行显示就用压缩工具，整个都给你压缩成一行，一个多余空白都没有 -
qq_薛定谔的猫_6
再给 span 标签设置高度 的时候后面的 内容高度发生变化 使其不能剧中 该如何解决呢? -
田心枫
编辑器格式化了，顺便问下，为什么要一行显示？
随时随地看视频慕课网APP
Html/CSS
前端工具