css - 如何根据屏幕尺寸css3使文本的边框长度固定为20px而不是动态宽度

Question

抱歉，我无法将我的问题正确翻译成更简单的语言，抱歉 :(

body 
{
  background: #33ffcc;
  min-height: 100%; 
  margin-top: 3em;

}

#kal
{
font-size: 2em;
color: #fff;
border: 3px solid #fff;
text-align: center;
}

但是在这里: http://jsfiddle.net/skinnytotoro/s3Xfp/

注意到每次屏幕尺寸改变时框的边框都在改变吗？我想让边框固定，比如，文本左右各 20px有没有什么办法可以这样做..？提前致谢!对不起语法错误。希望你不会头疼。

Answer 1

使用 display: inline-block 并将 padding 设置为您想要的空间大小:http://jsfiddle.net/s3Xfp/1/