900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > python环绕文字_如何用css实现文字三面环绕图片?

python环绕文字_如何用css实现文字三面环绕图片?

时间:2018-08-22 18:36:39

相关推荐

python环绕文字_如何用css实现文字三面环绕图片?

html部分:

DIV with content or Image in the Middle of the text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rhoncus nibh ipsum, nec tincidunt mauris suscipit non. Nullam euismod est in dui vehicula ornare quis non nulla. Sed ultricies eros justo, et tempor ligula viverra vel. Pellentesque semper mattis mattis. Morbi ac fringilla purus, in ullamcorper lacus. Duis eget molestie turpis, nec lobortis enim. Vestibulum iaculis non odio id venenatis. Nulla malesuada orci sed arcu ultrices pulvinar. Fusce orci nisl, aliquam eu blandit non, ornare eu urna. In hac habitasse platea dictumst. Quisque auctor dignissim elit, id condimentum odio vehicula eu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin dui quam, lobortis nec sapien eget, facilisis blandit sapien. Integer ornare felis eget orci consectetur vulputate. Ut efficitur fermentum lacus sed vulputate.

DIV with content or Image in the Middle of the text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rhoncus nibh ipsum, nec tincidunt mauris suscipit non. Nullam euismod est in dui vehicula ornare quis non nulla. Sed ultricies eros justo, et tempor ligula viverra vel. Pellentesque semper mattis mattis. Morbi ac fringilla purus, in ullamcorper lacus. Duis eget molestie turpis, nec lobortis enim. Vestibulum iaculis non odio id venenatis. Nulla malesuada orci sed arcu ultrices pulvinar. Fusce orci nisl, aliquam eu blandit non, ornare eu urna. In hac habitasse platea dictumst. Quisque auctor dignissim elit, id condimentum odio vehicula eu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin dui quam, lobortis nec sapien eget, facilisis blandit sapien. Integer ornare felis eget orci consectetur vulputate. Ut efficitur fermentum lacus sed vulputate.

css部分:

div.wrap-div-topSpacer {

width: 0px;

height: 60px;

float: left;

}

div.wrap-div {

float: left;

clear: both;

margin: 0px 10px 0 0;

height: 80px;

width: 25%;

text-align: center;

background: #0088cc;

color: #FFF;

}

div.wrap-div-right {

float: right;

width: 50%;

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。