我最近尝试了不同形状的 div,如三角形梯形等。
HTML:
<div class="triangle">HI nice to meet you guys</div>
CSS
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid blue;
}
以前,当 div 为正方形(高度和宽度均为 100px)时,内容可以正常显示。
当我将 div 设置为三角形时,内容就会溢出。
我怎样才能使这个比例成比例,以便在 div 中正确显示。
见小提琴:http: //jsfiddle.net/7qbGX/2/
任何建议都会很棒。