设定溢出方向可以用float,position:absolute这类脱离文档流的方式。
float:left,float:right, postion:absolute后设置left/top/bottom/right,的一项为0;
使用
当然,其他任意方向也是可以的,只需要控制旋转角度rotate即可。原理是构造了一个正方形,隐藏了其中的两条边left和bottom,然后进行旋转。
通过使用正方形左下两条边,并向下向右平移,再旋转,得到一个向下并居中的箭头
1、首先打开hbuilder软件,新建一个html文件,里面写入一个div并设置class属性,在上方耳朵style标签中设置body标签的背景色,方便后面观察效果。
2、然后设置class的样式,这里给div一个比较小的宽度并设置行高和边框,然后设置word-warp属性,该属性表示允许长单词换行到下一行,再设置一下letter-spacing调整每个字之间的距离就可以了。
3、最后打开浏览器就可以看到竖排的文字了。