慕仔3291658
2017-08-29 22:03
不是要用<pre>吗
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>内联块状元素</title>
<style type="text/css">
body{font-size:0px;}/*取消内联元素或内联块状元素间的间距*/
a{
font-size:20px;/*取消内联元素或内联块元素间的间距*/
display:inline-block;
width:20px;
height:20px;
background:none;
text-align:center;
padding:20px;/*文字垂直居中*/
}
</style>
</head>
<body>
<center>
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
</center>
</body>
</html>
这个空格是没有办法去掉的因为它和<p></p>的作用其实很相似,的但是<p>是用来分段的,你可以去试试把所有a都换成p然后就会出现竖着排列的1,2,3,4
在a{}里加margin:0px试试?
初识HTML(5)+CSS(3)-升级版
1225811 学习 · 18234 问题
相似问题