javaWeb css图文混排
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
#hunpai{
width:500px;
height:400px;
border:2px dashed orange;
padding:5px;/* 内边界 */
}
#img11{
float:left;
margin:10px;/* 外边界 */
}
#txt11{
color:green;
}
</style>
</head>
<body>
<!-- 图文混排 -->
<div id="hunpai">
<div id="img11" ><img src="data:images/1.png" width="200"></div>
<div id="txt11">我的博客是http:wwww.cnblogs.com/qingyundain 文字是一个汉语词汇，拼音为wén zì，基本意思是记录思想、交流思想或/承载语言的图像或符号。
出自《史记·秦始皇本纪》：“一法度衡石丈尺，车同轨，书同文字。”我的博客是http:wwww.cnblogs.com/qingyundain 我的博客是http:wwww.cnblogs.com/qingyundain 文字是一个汉语词汇，拼音为wén zì，基本意思是记录思想、交流思想或/承载语言的图像或符号。
出自《史记·秦始皇本纪》：“一法度衡石丈尺，车同轨，书同文字。”我的博客是http:wwww.cnblogs.com/qingyundain 我的博客是http:wwww.cnblogs.com/qingyundain 文字是一个汉语词汇，拼音为wén zì，基本意思是记录思想、交流思想或/承载语言的图像或符号。
出自《史记·秦始皇本纪》：“一法度衡石丈尺，车同轨，书同文字。”我的博客是http:wwww.cnblogs.com/qingyundain 我的博客是http:wwww.cnblogs.com/qingyundain 文字是一个汉语词汇，拼音为wén zì，基本意思是记录思想、交流思想或/承载语言的图像或符号。
出自《史记·秦始皇本纪》：“一法度衡石丈尺，车同轨，书同文字。</div>
<!-- 图文混排图片右浮动文字就在左 -->
</div>
</body>
</html>
效果：
javaWeb css图文混排的更多相关文章
- DIV+CSS 图文混排的图片居中办法
不少人为了让 Div 图文混排的图片可以居中,给 IMG 套各式各样的 SPAN.DIV.LI 等等,以便于使用 text-align来进行居中. <div>图文混排 <br> ...
- css实现图文混排
css实现图文混排 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...
- 前端知识复习：Html DIV 图文混排（文字放在图片下边）
Html知识复习之图文混排 练习练习基础 先上效果图: 废话不多说,直接贴代码: <!DOCTYPE html> <html xmlns="http://www.w3.or ...
- Android 图文混排 通过webview实现并实现点击图片
在一个开源项目看到是用的webview 实现的 1. 这是在asset中的一个模板html <html> <head> <title>News Detail< ...
- 用NSAttributedString实现简单的图文混排
iOS7以后,因为TextKit的强大,可以用NSAttributedString很方便的实现图文混排(主要是利用了NSTextAttachment). 关于Textkit的牛逼之处,可以参考objc ...
- 图文混排－－CoreText的简单运用
常见的在一些微博微信中可以看见一段文字中有不同的字体,字体有不同的颜色,并且可能会有一些笑脸之类的表情,这些可以通过图文混排做到. 图文混排可以通过WebView和CoreText做到,其他还有别的方 ...
- 【转】关于FLASH中图文混排聊天框的小结
原文链接 图文混排也是FLASH里一个很古老的话题了,我们不像美国佬那样游戏里面聊天框就是聊天框,全是文字干干净净,也不像日本人发明了并且频繁地使用颜文字.不管是做论坛.做游戏,必定要实现的一点就是带 ...
- ios图文混排
图文混排的形式 1. 富文本形式 2. core Text(文字排版) 3. TextKit 4. UIWebView 一.富文本 我们可以采用attributeString来进行图文混排.例如一个文 ...
- Coretext实现图文混排及Gif图片播放
CoreText是iOS3.2推出的一套文字排版和渲染框架,可以实现图文混排,富文本显示等效果. CoreText中的几个重要的概念: CTFont CTFontCollection CTFontD ...
随机推荐
- CAD安装失败怎样卸载CAD 2016？错误提示某些产品无法安装
AUTODESK系列软件着实令人头疼,安装失败之后不能完全卸载!!!(比如maya,cad,3dsmax等).有时手动删除注册表重装之后还是会出现各种问题,每个版本的C++Runtime和.NET f ...
- [转]jQuery的.live()和.die()
本文转自:http://www.cnblogs.com/dumuqiao/archive/2011/09/09/2172513.html 翻译原文地址:http://www.alfajango.com ...
- GitKraken使用教程-基础部分(6)
4) 放弃本次文件的改动 有些情况下,由于更改代码造成了编译无法通过等错误时,想要放弃这次对文件的修改,将文件还原成上一次提交后的状态,一种简单的恢复文件的方法就是,在Unstaged Files 列 ...
- jq学习总结之方法
三.方法 1.length 2.index()3.get() reverse()4.not()5.filter()6.find()7.each()8.addBack()9.attr()10.toggl ...
- DataColumn.Expression提示“...循环引用”的错误
我碰到这个问题的时候,在网上找了找,找到了有好几个提出这个问题的人,但是都没有得到解答,当时很郁闷.然后再看看msdn中的解释与自己的测试,才把这个问题给解决了. 代码如下: person.Colum ...
- （开发）ESLint - 代码规范
参考文档:http://eslint.cn/ ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误.在许多方面,它和 J ...
- Windows到Ubuntu免密登陆
Windows到Ubuntu免密登陆 首先检查C盘用户文件夹下是否有.ssh文件夹,同时检查该文件夹中是否有至少两个文件,一个是xxx_rsa和xxx_rsa.pub,一个是私钥文件一个是公钥文件. ...
- Android 切换主题换肤实现
思路以及实现 1.主题的切换以及实现 首先我们先来明确个概念,现在我所说的切换主题,就切换整个app的颜色风格,当然也有少部分的图片的切换.注意哦 我这边说的是少部分图片哦!如果是大面积的换图片的吧! ...
- [SVN]TortoiseSVN工具培训1─为什么要用SVN？
你是否有经历过以下情况: SVN的使用理由/好处:
- SQLServer 2012 Ent 安装失败，另辟蹊径
今天配到SqlServer2012 安装不了问题,总是NetFX3,然后一次挂了,然后VS2010 Shell也是个悲剧. 装了VS2010,可以了吧,总不能在不给力吧.但是有提示VS2010是打上s ...