Question

我需要将图片放在左侧内容的右侧。我已经确定，要做到这一点，它将要求我绝对放置对象。我还需要图像保持相同的尺寸，如果尺寸小于图像标签定义的尺寸，如果没有，图像需要缩小自身以适应边框。这一切都可能吗？

谢谢，如果可以的话！

我正在使用HTML，CSS和JavaScript（仅在必要的情况下请！）

以下是一些要查看的代码：）

function createQuestions(id) {
    var tReturn="<form style=\"text-align: left;width: 33.33333%;background-color: lightblue;border=1px solid #000000;padding: 10px\">";
    tReturn=tReturn+"<b>Questions "+(id+1)+":</b><br />&nbsp;&nbsp;&nbsp;&nbsp;<i>"+Questions[id].Question+"</i><br /><br />";
    for (var i=0,l=Questions[id].Values.length;i<l;i++) {
        tReturn=tReturn+"<input onClick=\"checkAnswer("+id+","+i+",this)\" type=\"button\" value=\""+Letters[i]+"\" style=\"width:50px\" />. "+Questions[id].Values[i]+"<br />";
    }
    //V----- THIS LINE BELOW!
    //tReturn=tReturn+"<img src='images/test.jpg' style=' />"
    tReturn=tReturn+"</form>";
    return tReturn;
}

Answer 1

尝试使用max-width和max-height来解决第二个问题 - 因此，如果您想要一个宽度不超过400像素但其他大小适合自己的图像，请执行以下操作：

<img src="../blah/img.jpg" style="max-width:400px" />

要将其对齐，请尝试float:right样式或在其父容器上应用text-align:right，或position:absolute; right:0px

强制图像到特定位置

1 个答案: