欢迎光临
我们一直在努力

css如何实现独占一行a锚文本告捷配置高度

这篇文章主要介绍了css如何实现独占一行a锚文本告捷配置高度,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

独占一行a锚文本告捷配置高度

1、使用css属性单词

display:block
加之这个标签元素造成块的css后再配置高度或宽度人造就起效了,偏差是配置后元素标签会独有一行。

2、div css实例代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>display:block完成a高度 CSS5</title>
<style>
a{background:#00F; color:#FFF}
.bb a{ display:block; height:40px; line-height:40px}
</style>
</head>
<body>
<p>接待接见<a href="#">css5.com.cn</a>web!</p>
<p class="bb">学习css,规画css问题上<a href="#">css5.com.cn</a></p>
</body>
</html>

3、功效截图

完成a标签高度,但独占一行了

使用这个属性配置非块元素a标签,一样平常本身a就必要或可以或许独占一行的布局时刻。

感谢你能够认真阅读完这篇文章,希望小编分享的“css如何实现独占一行a锚文本告捷配置高度”这篇文章对大家有帮助,同时也希望大家多多支持云搜网,关注云搜网行业资讯频道,更多相关知识等着你来学习!

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。