search
HomeWeb Front-endHTML Tutorial图文排版_html/css_WEB-ITnose



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


回复讨论(解决方案)

<!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/imghwm/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>

Statement
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
excel排版有哪些操作技巧excel排版有哪些操作技巧Mar 20, 2024 pm 05:01 PM

为了整个文件的视觉效果,无论是word还是excel文件都是需要进行排版处理的,但是,很多新手小伙伴并不知道excel排版如何进行,下边,我们就分享一些排版操作技巧,希望能够给你一些操作技巧上的启发!1、首先,我们新建并打开一个excel表格,输入一些简单的内容,便于演示操作。2、我们在文件上方菜单栏中找到打印预览功能菜单。3、点击打印预览功能,我们发现表格没有进行排版的时候是左右不对称的。我们需要在文档上方的菜单栏中找到页面设置功能。4、点击页面设置,在打开的功能菜单中找到页边距功能。5、点击

WordPress错位排版原因分析及解决方法WordPress错位排版原因分析及解决方法Mar 05, 2024 am 11:45 AM

WordPress错位排版原因分析及解决方法在使用WordPress搭建网站过程中,可能会遇到排版错位的情况,这会影响网站的整体美观和用户体验。排版错位的原因有很多种,可能是由于主题兼容性问题、插件冲突、CSS样式冲突等引起的。本文将分析WordPress错位排版的常见原因,并提供一些解决方法,包括具体的代码示例。一、原因分析主题兼容性问题:有些WordPr

excel表格排版的基本操作excel表格排版的基本操作Mar 20, 2024 pm 03:50 PM

大家在使用Excel进行数据处理时,也少不了对数据进行排版美化,这样给别人看或打印出来时也会更加美观,今天小编就给大家介绍下excel表格排版的基本操作,希望对刚开始学习Excel的新手们有所帮助。1、首先选择文字——点击开始——对表格文字进行排版:一般标题字体大小设置14~16,黑色宋体,加粗,居中;正文文字一般设置12号,宋体,居中。Tips:内容少可以设置大一点的字体。2、设置合适的行高和列宽:选择整个表格——拖动统一调整行高和列宽,也可以点击开始——格式——设置行高和列宽——对于标题行或

Discuz编辑器:高效的帖子排版工具Discuz编辑器:高效的帖子排版工具Mar 10, 2024 am 09:42 AM

Discuz编辑器:高效的帖子排版工具随着互联网的发展,网络论坛已经成为人们交流、分享信息的重要平台。在论坛中,用户们不仅可以发表自己的观点和想法,还可以与他人进行讨论和互动。在进行帖子发表时,一个清晰、美观的排版格式往往能够吸引更多的读者,传达更加准确的信息。为了方便用户快速排版编辑帖子,Discuz编辑器应运而生,成为了一款高效的帖子排版工具。Discu

Poe 的新功能好强 !编程0基础,也能10分钟整出一个梗图编辑器Poe 的新功能好强 !编程0基础,也能10分钟整出一个梗图编辑器Aug 02, 2024 am 12:23 AM

机器之能报道编辑:Sia国内大模型是不是要迅速跟上?最近,「北美知乎」问答社区Quora旗下的AI聊天平台Poe,推出了一项名为「Previews」的新功能。有了这个实时预览功能,用户就能直接查看和使用在Poe聊天中生成的Web应用程序。也就是说,在Poe,你可以和一些非常擅长编码的LLM聊天,如Claude-3.5-Sonnet、GPT-4、Gemini1.5Pro。聊天过程中生成的代码片段、网页设计、游戏等内容,都能在这个窗口预览到,还能上手体验。上手体验第一把时,编程0基础的小编就被吓到了

CSS Positions布局实现响应式图片排版的方法CSS Positions布局实现响应式图片排版的方法Sep 26, 2023 pm 01:37 PM

CSSPositions布局实现响应式图片排版的方法在现代Web开发中,响应式设计已成为一种必备的技能。而在响应式设计中,图片排版是一个重要的考虑因素之一。本文将介绍如何使用CSSPositions布局实现响应式图片排版,并提供具体的代码示例。CSSPositions是CSS的一种布局方式,它可以让我们根据需要在网页中任意定位元素。在响应式图片排版中,

百家号图文收益规则是什么?做图文赚钱吗?百家号图文收益规则是什么?做图文赚钱吗?Mar 24, 2024 am 09:41 AM

作为百度旗下的自媒体平台,百家号为众多创作者提供了一个展示才华、分享知识的平台。对于这些自媒体创作者来说,图文收益规则无疑是一个备受关注的议题。一、百家号图文收益规则是什么?百家号图文收益规则主要分为三个部分:流量奖励机制、广告收益分成以及付费订阅收益。流量奖励机制是指根据原创内容的质量、阅读量和传播效果进行评估,并根据评估结果给予相应的奖励。这意味着如果你的文章质量高、阅读量多、传播广,你将有机会获得更多的奖励。广告收益分成是指在自己的内容中插入广告链接或进行合作推广,在用户点击广告后获取一定

PPT排版美化的操作方法PPT排版美化的操作方法Mar 26, 2024 pm 03:11 PM

1、提升了版面的利用率,页面不会显得空洞。2、页面中重点信息凸显,利于观众阅读和记忆。例1:例2:

See all articles

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 Tools

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),