css3 - css小三角定位
问题描述
<p>文字<span class='triangle-down'></span></p>
.triangle-down { width: 0; height: 0; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.6rem solid darkgray;}
怎么把小三角的位置调整到文字后面
问题解答
回答1：<html lang='en'><head> <meta charset='UTF-8'> <title>Title</title> <style>p:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.6rem solid darkgray;} </style></head><body><p>文字</p></body></html>回答2：
用伪元素:after
<p>文字</p>p:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.6rem solid darkgray;}回答3：
position:absolute;right:0; top:0;文字元素的样式记得加position：relative
相关文章：
1. java - 如何抓取特定标签的content2. android - 安卓重写方法找不到3. 网页爬虫 - node.js 爬虫 外部调用函数无法获得变量值4. javascript - nidejs环境设置操作一直出现这种问题怎么解决？5. 关于本节课中 x-=y 的问题6. javascript - 事件的定义有无函数的区别7. intellij-idea - intellij idea运行java程序出错？8. ruby - 关于二级hash9. java - 关于post提交问题（POST提交为什么比GET提交数据量大）10. css3 - 如何用CSS实现垂直排列的多个元素自适应居中
网公网安备