日期:2014-05-17  浏览次数:20678 次

<small>标签在主流浏览器里不能文本缩进?

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<small>test small</small>
</body>
</html>



@CHARSET "UTF-8";

small {
text-indent: -9999px;
}


以上代码在chrome、firefox、ie8、ie9全失效,在ie6、ie7正常,请问是什么原因?

------解决方案--------------------
用于定义块级元素中第一个内容行的缩进。

small不是块级元素,你换成P试下,或者给small添加一个display:block;