图片文字对齐
2010-02-23 16:49
183 查看
<style type="text/css" id="internalStyle">
#container{
text-align: center;
width: 640px;
padding: 20px 0 20px 0;
border: 1px solid #339;
background: #EEE;
white-space: nowrap;
}
img, p{
display: inline;
vertical-align: middle;
font: bold 12px "宋体", serif;
color: #666;
}
</style>
<div id="container">
<img src=" http://community.csdn.net/images/CSDN_logo.GIF" alt="aaa">
<p>文字层</p>
<p>Text Layer</p>
<img src=" http://community.csdn.net/images/CSDN_logo.GIF" alt="aaa">
</div>
#container{
text-align: center;
width: 640px;
padding: 20px 0 20px 0;
border: 1px solid #339;
background: #EEE;
white-space: nowrap;
}
img, p{
display: inline;
vertical-align: middle;
font: bold 12px "宋体", serif;
color: #666;
}
</style>
<div id="container">
<img src=" http://community.csdn.net/images/CSDN_logo.GIF" alt="aaa">
<p>文字层</p>
<p>Text Layer</p>
<img src=" http://community.csdn.net/images/CSDN_logo.GIF" alt="aaa">
</div>
相关文章推荐
- 同一行的图片和文字对齐的几种方法
- css任意图片文字上下左右都居中对齐
- Textvie实现左边图片和换行文字左对齐
- 图片和文字对齐的方法
- 文字、图片并排,如何对齐
- HTML图片和文字一行时的对齐方式
- html里,实现图片与文字对齐的最简洁方法
- 一行文字内图片与文字垂直对齐的方法
- 图片与文字水平对齐
- li中的图片和文字不对齐div+css,解决方法
- 图片和文字的对齐
- 如何利用CSS代码使图片和文字在同一行显示且对齐
- 【控件】UIButton同时设图片和文字时的对齐问题
- RadioButton的背景图片和文字居中对齐
- CSS 之 控制图片与文字对齐
- css 图片文字居中对齐方案
- ie6下图片与文字对齐方法
- 文字和图片垂直对齐
- 关于同一行图片文字居中与对齐的问题
- 图片与文字的对齐