如图所示，div能做平行四边形吗，且不要用border做？

Question

因为考虑到文本要自动换行 而字体不变形（不倾斜），如果用border做会使得字体变形

Answer 1

您好，一、外部CSS样式设置DIV宽度 - TOP
首先我们新建命名一个CLASS或ID的类，这里CSS命名为“.divcss5”，以class引用。并且设置宽度为300px，CSS选择器代码如下：
.divcss5{width:300px} /* css 注释：这样设置了对象divcss5宽度为300px样式 */
针对DIV使用代码：
<div class="divcss5">我宽度设置为300px</div>
二、div标签内设置CSS宽度样式 - TOP
假如这里也是对DIV标签设置css width为300px,div标签内设置CSS样式，我们就需要style属性值。
直接得到HTML代码片段：
<div style="width:300px">我宽度设置为300px</div>
三、div宽度设置代码总结 - TOP
设置DIV标签的宽度我们可以外部新建一个类并用class或id应用设置其CSS样式，也可以直接标签内用style属性应用CSS样式。

Answer 2

可以参考CSS的transform的skew方法

skew() 方法

通过 skew() 方法，元素翻转给定的角度，根据给定的水平线（X 轴）和垂直线（Y 轴）参数：

实例

div{transform: skew(30deg,0deg);-ms-transform: skew(30deg,0deg);/* IE 9 */-webkit-transform: skew(30deg,0deg);/* Safari and Chrome */-o-transform: skew(30deg,0deg);/* Opera */-moz-transform: skew(30deg,0deg);/* Firefox */}