masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > jsp里面的 link标签内嵌入按钮，按钮的css是引入图片，如何让按钮表示垂直居中_html/css_WEB-ITnose

jsp里面的 link标签内嵌入按钮，按钮的css是引入图片，如何让按钮表示垂直居中_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 11:47:37
asal
1724 orang telah melayarinya

jsp里面的 link标签内嵌入按钮，按钮的css是引入图片，如何让按钮表示垂直居中？？
问题是如何让按钮垂直居中？？现在是垂直居上
以下是现在的代码。 

<a href="" ><input type="button"  id="login"  value=""></a>
Salin selepas log masuk

下面是现在有问题的样子


回复讨论(解决方案)

图片相对定位，或者直接padding-top:10px;

你是文字的位置需要下移吧。。样式引入图片：background:url(......) center center no-repeat;就左右上下都居中了

你为什么要在a标签内套input?

Label berkaitan：
jsp里面的 link标签内嵌入按钮，按钮的css是引入图片，如何让按钮表示垂直居中
sumber：php.cn
Artikel sebelumnya：[人肉脑补机翻]CSS Selector Performance has changed! (For the better) by Nicole Sullivan_html/css_WEB-ITnose Artikel seterusnya：css3动画属性transition（转换）_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2235
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2376
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1986
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1871
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1942
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan