如何用CSS让文字显示在边框上
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用CSS让文字显示在边框上相关的知识,希望对你有一定的参考价值。
CSS让文字显示在边框上可以用定位,即position:absolute/relative/...,定位的元素脱离了文档流,就可以被移动到边框上去了。 参考技术A楼上的说法是一种解决方案
你还可以试试 fieldset这个html5新增的标签
<form><fieldset>
<legend>health information</legend>
height: <input type="text" />
weight: <input type="text" />
</fieldset>
</form>
如何用CSS让文字左对齐,图片居中
参考技术A 方法如下:一、行高(line-height)法
如果要垂直居中的只有一行或几个文字,那它的制作最为简单,只要让文字的行高和容器的高度相同即可,比如:
p
height:30px;
line-height:30px;
width:100px;
overflow:hidden;
这段代码可以达到效果。
二、内边距(padding)法
另一种方法和行高法很相似,它同样适合一行或几行文字垂直居中,原理就是利用padding将内容垂直居中,比如:
p
padding:30px;
参考技术B ,图片居中
以上是关于如何用CSS让文字显示在边框上的主要内容,如果未能解决你的问题,请参考以下文章