Question

css 中 div能做平行四边形吗 不要用border做比如看图：

因为考虑到文本要自动换行 而字体不变形（不倾斜），如果用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>

宽度设置截图：

外部CSS宽度设置案例截图
二、div标签内设置CSS宽度样式 - TOP
假如这里也是对DIV标签设置css width为300px,div标签内设置CSS样式，我们就需要style属性值。
直接得到HTML代码片段：
<div style="width:300px">我宽度设置为300px</div>

标签内设置宽度样式截图：

标签内使用style属于设置CSS样式截图
三、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 */
}