gpt4 book ai didi

javascript - 需要在框中对 Angular 放置文本。使用 CSS

转载 作者:技术小花猫 更新时间:2023-10-29 11:50:05 25 4
gpt4 key购买 nike

Diagonally placed text in Box

您好,这可以使用 Css 或 Javascript 实现吗?Birt 报告需要这个。

最佳答案

CSS:

.lbl{
width: 80px;
float:left;
margin-left: -22px;
transform:rotate(-50deg);
-ms-transform:rotate(-50deg); /* IE 9 */
-webkit-transform:rotate(-50deg); /* Opera, Chrome, and Safari */}
.inp {
float: left;
margin-top: 50px;
}

HTML

<input type='checkbox' id='cb1' class='inp'>
<div class='lbl'><label for='cb1'>first</label></div>

<input type='checkbox' id='cb2' class='inp'>
<div class='lbl'><label for='cb2'>second</label></div>

<input type='checkbox' id='cb3' class='inp'>
<div class='lbl'><label for='cb3'>third</label></div>

<input type='checkbox' id='cb4' class='inp'>
<div class='lbl'><label for='cb4'>fourth</label></div>

JSFIDDLE-DEMO

关于javascript - 需要在框中对 Angular 放置文本。使用 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22854650/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com