如何在css左侧的按钮后在右侧添加一条水平线？
[英]How to add a horizontal line on the right after a button in the left in css?
问题描述
I want to add a line just after this button on the right side.
我想在右侧的这个按钮之后添加一行。 Thank you.谢谢你。
This is the code:这是代码：
<button onClick={()=> this.onAddContact(test.name)} className="ds-fake-label">
<svg xmlns="http://www.w3.org/2000/svg" className="arrow-add-contact" height="24" viewBox="0 0 24 24" width="24">
<path d="M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z" />
<path d="M0 0h24v24H0z" fill="none" />
</svg>
Add Contact
</button>
1 个解决方案
解决方案1
1
You can add a div and style it as您可以添加一个div并将其设置为
.line{ border-bottom:1px solid black; width:50%; position:absolute; left:65px; }
<.DOCTYPE html> <html> <head> </head> <body> <button onClick="{() => this.onAddContact(test.name)}" className="ds-fake-label" >Button</button> <div> <div class="line"></div> </div> </body> </html>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
如何在仅使用 CSS 的 HTML 中的每个标题后添加水平线 - how to add a horizontal line after each heading in an HTML with only CSS
在左对齐文本的右侧添加居中的水平线 - Add centered horizontal line just to the right of a left aligned text
CSS水平浮动从右到左 - Css Horizontal Float right to left
如何在CSS的左侧和右侧放置带有水平线的标题文本 - how to place a heading text with horizontal lines in left & right side in CSS
左边框，右侧有一条水平线 - Border-left with a horizontal line to the right
div左右两侧的顺风水平线 - tailwind horizontal line on right and left side of a div
如何在第二行之后添加水平线？ - How to add a horizontal line after second row?
使用css在图像后添加响应水平线 - Add responsive Horizontal line after image using css
如何使用 CSS 使分隔线与左右对齐？ - How to use CSS to make the divider line align with the left and right sides?
CSS技术边框，右侧有一条水平线 - CSS Techniques Border with a horizontal line to the right
相关标签