相关疑难解决方法(0)
在斜线上对齐文本
将文本在斜线上对齐是否可行？它的对齐应遵循倾斜的倾斜图像以及IE9 +所需的支持？
我的示例代码:
img {
display: block;
float: left;
transform: rotate(-5deg);
margin: 0 15px;
}<div>
<img src="http://placehold.it/150x250&text=img" alt="image" />
<p>Lorem ipsum dolor sit amet. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu,luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel …17
推荐指数
推荐指数
3
解决办法
解决办法
5908
查看次数
查看次数
div侧面的对角线边框
我试图在旁边创建两个div,旁边有对角线边框.
我做了一个非常粗略的布局.
我已经提出了一个想法:https://jsfiddle.net/4vnankfj/1/.
.container {
overflow: hidden;
background: #eee;
padding: 20px;
}
.left,
.right {
width: 50%;
float: left;
}
.right {
transform: rotate(10deg);
background: orange;
}
.right p {
transform: rotate(-10deg);
padding: 0 20px;
}<div class="container">
<div class="left">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
</p>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod …6
推荐指数
推荐指数
0
解决办法
解决办法
47
查看次数
查看次数