CSS 指定溢出方向 应该如何设置?

html-css012

CSS 指定溢出方向 应该如何设置?,第1张

如果CSS设置块的溢出方向,在不设置的情况下,都是右边溢出,或者下边溢出.

设定溢出方向可以用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、最后打开浏览器就可以看到竖排的文字了。