我试图在图像上包装文本,我在样式表上使用img类来完成它。它正确加载样式表,所有其他样式属性都正常工作但图像。它没有codeigniter工作正常,但出于某种原因,如果我在codeigniter中将类标记添加到图像中,则图像不会显示。
代码如下:
// // CSS
.imgWrap {
margin: 8;
float: left;
}
// // HTML
<img src="<?php echo base_url{'../images/image_1.jpg'); ?>"
alt ="landmark" class="imgWrap" />
答案 0 :(得分:2)
首先,base_url()
,而不是base_url{)
。
其次,边距(以及CSS中的大多数其他内容)需要单位。如果你愿意,像素(px),点(pt),皮卡(pc),甚至英寸(in)。看看http://www.w3schools.com/cssref/css_units.asp
第三,对于一个好的图像包装,你会希望它绝对定位(也许是相对的,取决于你正在做的事情),给它一个display: block;
并可能明确定义宽度和高度。