Table of Contents
回复讨论(解决方案)
Home Web Front-end HTML Tutorial 图文排版_html/css_WEB-ITnose

图文排版_html/css_WEB-ITnose

Jun 21, 2016 am 09:29 AM
Graphics and text typesetting



请问如何像上图一样 文字与图片 进行排版


回复讨论(解决方案)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>.cf:after{content:'';display:block;clear:both;}.cf{zoom:1;}.warp{width:800px;margin:100px auto;}.img{float:right;width:200px;}.img img{width:200px;height:200px;}</style><script>window.onload=function(){}</script></head><body><div class="warp cf">    <div class="img">            <img  src="/static/imghw/default1.png"  data-src="http://news.baidu.com/z/resource/r/image/2014-05-10/0cefa31e3b9e050d560afcb7d624855b.jpg"  class="lazy"   / alt="图文排版_html/css_WEB-ITnose" >        </div>    <div class="box">        他告诉记者,在多份借据中,吕中楼均以“生意周转”名义借款。其向记者提供的一份“借据”描述:本人吕中楼持香港身份证号码M06xxxx,于2013年12月1日,向刘兵(化名)持身份证1140xxxxxxx,借来现金港币(大写)肆亿贰千万元整,用作生意周转。该“借据”中,吕中楼承诺于2013年12月31日之前,在无任何利息下偿还此笔借款。          刘兵坦言,他曾多次向吕追债,最初其总是以多种理由予以拖延。但最终,在债权人的多重压力下,吕中楼曾为此向各债权人补充了一份“确认欠款说明书”。          5月8日,另一债权人李江(化名)向本报记者提供了一份“确认欠款说明书”。该“说明书”称:“兹透过本声明书,并写着本文件可产生作为执行凭证的作用。现声明因生意原因故确认欠李江合港币伍亿叁千伍佰叁拾柒万肆仟玖佰元整。”          “说明书”称,本人在此同时声明及承诺,分别于2013年11月30日前向李江还款港币贰亿陆仟柒佰陆拾捌万柒仟肆佰伍拾元整,及于2013年12月30日前,还款港币贰亿陆仟柒佰陆拾捌万柒仟肆佰伍拾元整。否则,其有权通过法律途径向    他告诉记者,在多份借据中,吕中楼均以“生意周转”名义借款。其向记者提供的一份“借据”描述:本人吕中楼持香港身份证号码M06xxxx,于2013年12月1日,向刘兵(化名)持身份证1140xxxxxxx,借来现金港币(大写)肆亿贰千万元整,用作生意周转。该“借据”中,吕中楼承诺于2013年12月31日之前,在无任何利息下偿还此笔借款。          刘兵坦言,他曾多次向吕追债,最初其总是以多种理由予以拖延。但最终,在债权人的多重压力下,吕中楼曾为此向各债权人补充了一份“确认欠款说明书”。          5月8日,另一债权人李江(化名)向本报记者提供了一份“确认欠款说明书”。该“说明书”称:“兹透过本声明书,并写着本文件可产生作为执行凭证的作用。现声明因生意原因故确认欠李江合港币伍亿叁千伍佰叁拾柒万肆仟玖佰元整。”          “说明书”称,本人在此同时声明及承诺,分别于2013年11月30日前向李江还款港币贰亿陆仟柒佰陆拾捌万柒仟肆佰伍拾元整,及于2013年12月30日前,还款港币贰亿陆仟柒佰陆拾捌万柒仟肆佰伍拾元整。否则,其有权通过法律途径向本人追逃有关欠款及逾期法定利息。本人追逃有关欠款及逾期法定利息。    </div>    </div></body></html>
Copy after login

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
Two Point Museum: All Exhibits And Where To Find Them
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

What are the operating skills for excel typesetting? What are the operating skills for excel typesetting? Mar 20, 2024 pm 05:01 PM

In order to achieve the visual effect of the entire document, both word and excel files need to be typed. However, many novice friends do not know how to perform excel typesetting. Below, we will share some typesetting operation skills, hoping to give you some Inspiration on operational skills! 1. First, we create and open an excel form and enter some simple content to facilitate demonstration operations. 2. We find the print preview function menu in the menu bar above the file. 3. Click the print preview function, and we find that the table is asymmetrical when it is not typeset. We need to find the page setup function in the menu bar above the document. 4. Click Page Settings and find the margin function in the function menu that opens. 5. Click

Analysis and solutions to the causes of misaligned typography in WordPress Analysis and solutions to the causes of misaligned typography in WordPress Mar 05, 2024 am 11:45 AM

Analysis of causes and solutions to misaligned typography in WordPress When building a website using WordPress, you may encounter misaligned typography, which will affect the overall beauty and user experience of the website. There are many reasons for typography misalignment, which may be caused by theme compatibility issues, plug-in conflicts, CSS style conflicts, etc. This article will analyze common causes of misaligned typography in WordPress and provide some solutions, including specific code examples. 1. Reason Analysis Theme Compatibility Issues: Some WordPress

Basic operations of excel table layout Basic operations of excel table layout Mar 20, 2024 pm 03:50 PM

When everyone uses Excel for data processing, it is indispensable to format and beautify the data, so that it will be more beautiful when shown to others or printed out. Today I will introduce to you the basic operations of excel table formatting. I hope it will be helpful to those who have just started learning. Help for those new to Excel. 1. First select the text - click Start - typesetting the table text: Generally, the title font size is set to 14~16, black Song font, bold, and centered; the main text is generally set to 12 size, Song font, centered. Tips: If the content is small, you can set a larger font. 2. Set the appropriate row height and column width: Select the entire table - drag to uniformly adjust the row height and column width. You can also click Start - Format - Set the row height and column width - For the title row or

Discuz Editor: an efficient post layout tool Discuz Editor: an efficient post layout tool Mar 10, 2024 am 09:42 AM

Discuz Editor: An efficient post layout tool. With the development of the Internet, online forums have become an important platform for people to communicate and share information. In the forum, users can not only express their opinions and ideas, but also discuss and interact with others. When publishing a post, a clear and beautiful format can often attract more readers and convey more accurate information. In order to facilitate users to quickly type and edit posts, the Discuz editor came into being and became an efficient post typesetting tool. Discu

Poe's new features are so powerful! Even with zero programming skills, you can create a meme editor in 10 minutes Poe's new features are so powerful! Even with zero programming skills, you can create a meme editor in 10 minutes Aug 02, 2024 am 12:23 AM

Editor of Machine Power Report: Is it necessary for Sia’s domestic large models to catch up quickly? Recently, Poe, an AI chat platform owned by Quora, a Q&A community in North America, launched a new feature called “Previews”. With this real-time preview feature, users can directly view and use web applications generated in Poe chat. That is to say, in Poe, you can chat with some LLMs who are very good at coding, such as Claude-3.5-Sonnet, GPT-4, Gemini1.5Pro. Code snippets, web design, games and other content generated during the chat can be previewed in this window and can be used for hands-on experience. When I tried it for the first time, the editor with zero programming knowledge was scared.

CSS Positions layout method to implement responsive image layout CSS Positions layout method to implement responsive image layout Sep 26, 2023 pm 01:37 PM

CSSPositions layout method to implement responsive image layout In modern web development, responsive design has become an essential skill. In responsive design, image layout is one of the important considerations. This article will introduce how to use CSSPositions layout to implement responsive image layout and provide specific code examples. CSSPositions is a layout method of CSS that allows us to position elements arbitrarily in the web page as needed. In responsive image layout,

What are the revenue rules for Baijiahao graphics and text? Can you make money by doing graphics? What are the revenue rules for Baijiahao graphics and text? Can you make money by doing graphics? Mar 24, 2024 am 09:41 AM

As a self-media platform under Baidu, Baijiahao provides a platform for many creators to showcase their talents and share knowledge. For these self-media creators, the revenue rules for images and texts are undoubtedly a topic of great concern. 1. What are the revenue rules for Baijiahao graphics and text? Baijiahao graphics and text revenue rules are mainly divided into three parts: traffic reward mechanism, advertising revenue sharing and paid subscription revenue. The traffic reward mechanism refers to the evaluation based on the quality, reading volume and communication effect of original content, and corresponding rewards are given based on the evaluation results. This means that if your articles are of high quality, read a lot, and spread widely, you will have the opportunity to receive more rewards. Advertising revenue sharing means inserting advertising links into your own content or conducting cooperative promotions, and you will receive a certain amount after users click on the ads.

How to beautify PPT layout How to beautify PPT layout Mar 26, 2024 pm 03:11 PM

1. Improved layout utilization and the page will not look empty. 2. Highlight key information on the page, which is helpful for the audience to read and remember. Example 1: Example 2:

See all articles