首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >不带flexbox的div内联元素居中

不带flexbox的div内联元素居中
EN

Stack Overflow用户
提问于 2017-12-05 17:05:00
回答 0查看 375关注 0票数 1

我正在尝试完成一件应该很简单的事情:在div中居中放置一个a标记。我知道这是一个经典的问题,有类似的问题,也可以用flexbox完成,但我正在努力避免后者。

代码语言:javascript
复制
.wrapper {
  background-color: gold;
  height: 200px;
  width: 100%;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
a {
  border: 4px dashed white;
  height: 95%;
  width: 95%;
  display: block;
  box-sizing: border-box;
}
代码语言:javascript
复制
<div class="wrapper">
<a>
  Link
</a>
</div>

任何帮助都将受到欢迎!

编辑:我希望a标签是灵活的,填充wrapper,而不知道包装器的高度。

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47649709

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档