我一直在尝试将图像放在正在显示的信息的右侧。
例子:
我不断地将图像置于数据之间、下方或上方。我只是不知道如何让它一起运行。我试图做 align right 等,但它似乎仍然不起作用。我知道这是一个需要调整大小的大图像。这不是问题,它是在信息的右边!
这是我的代码:
<div class="card shadow p-4 mt-4">
<div>
<a asp-action="CreateAppointment" asp-route-id="@Model.Id" class="btn btn-success"> Create Appointment </a>
<!-- add navigation link to Details action, passing the correct route id parameter -->
<a class="btn btn-secondary" asp-controller="Patient" asp-action="Edit" asp-route-id=@Model.Id>Edit</a>
<!-- add navigation link to Delete action, passing the correct route id parameter -->
<a class="btn btn-danger" asp-controller="Patient" asp-action="Delete" asp-route-id=@Model.Id>Delete</a>
</div>
<br />
<dl class="row">
<dt class="col-sm-2">
@Html.DisplayNameFor(model => model.Title)
</dt>
<dd class="col-sm-10">
@Html.DisplayFor(model => model.Title)
</dd>
<dt class="col-sm-2">
@Html.DisplayNameFor(model => model.Name)
</dt>
<dd class="col-sm-10">
@Html.DisplayFor(model => model.Name)
</dd>
<dt class="col-sm-2">
@Html.DisplayNameFor(model => model.Gender)
</dt>
<dd class="col-sm-10">
@Html.DisplayFor(model => model.Gender)
</dd>
<dt class="col-sm-2">
@Html.DisplayNameFor(model => model.MedicalNumber)
</dt>
<dd class="col-sm-10">
@Html.DisplayFor(model => model.MedicalNumber)
</dd>
<dt class="col-sm-2">
@Html.DisplayNameFor(model => model.DateOfBirth)
</dt>
<dd class="col-sm-10">
@Html.DisplayFor(model => model.DateOfBirth)
</dd>
<dt class="col-sm-2">
@Html.DisplayNameFor(model => model.EmailAddress)
</dt>
<dd class="col-sm-10">
@Html.DisplayFor(model => model.EmailAddress)
</dd>
<dt class="col-sm-2">
@Html.DisplayNameFor(model => model.PhoneNumber)
</dt>
<dd class="col-sm-10">
@Html.DisplayFor(model => model.PhoneNumber)
</dd>
<dt class="col-sm-2">
@Html.DisplayNameFor(model => model.Address)
</dt>
<dd class="col-sm-10">
@Html.DisplayFor(model => model.Address)
</dd>
</dl>
</div>
我试图开始工作的代码:
<div>
<img src="~/css/Images/logo.jpeg" class="img-fluid" align="right">
</div>