这篇文章主要介绍了css如何实现独占一行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锚文本告捷配置高度”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。