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

发布时间:2022-03-07 14:51:13 作者:小新
来源:亿速云 阅读:199

这篇文章主要介绍了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、功效截图

css如何实现独占一行a锚文本告捷配置高度
完成a标签高度,但独占一行了

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

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

推荐阅读:
  1. 如何解决layui的input独占一行的问题
  2. C++如何实现一行一行读取文本

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:如何在小程序里显示群名称

下一篇:CSS如何实现​不独有一行a超链接配置高度

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》