a标签内容在div中垂直居中 转

转自:https://www.cnblogs.com/petrolero/p/12796521.html

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>

<style>
.box{width:100px;height:200px;background:orange;border:2px solid #ccc;display: table;}
.box a{display:table-cell;vertical-align:middle;}
</style>

<body>
<div class="box"><a href="#">这是一些内容吧这是一些内容吧</a></div>

</body>
</html>

点赞
  1. Pokerdomded说道:
    Google Chrome Windows 10
    https://t.me/s/officials_pokerdom/3105
  2. RouletteRogue说道:
    Google Chrome Windows 10
    https://t.me/s/ef_beef

发表回复

电子邮件地址不会被公开。必填项已用 * 标注