.jsp ページの画像上の希望の位置にテキストを書き込むにはどうすればよいですか? _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:36:31
オリジナル
2281 人が閲覧しました

.jspページでは、画像の左上にLv、右上にプレイヤーのポジション、画像の左下に人の名前を書きたいと思っています。しかし、なぜテキストの位置に問題があるのか​​わかりません。どうすればいいですか?コードと画像は以下の通りです。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Cards Page</title></head><body>        <c:forEach items="${cardItems }" var="pci" varStatus="status">            <div style="width: 139px; white-space: nowrap; float: left;">            <a href="${pageContext.request.contextPath }/card/viewCardDetails/${pci.playerCardItemId }"><img style="border:2px solid white; position: relative;" alt="" src="<c:out value="${pageContext.request.contextPath }/${pci.playerCard.player.url }" />"></a>                  <label  style="position: relative; top:-10px; left:-145px;"><font style="font-weight: bold;"><c:out value="${pci.playerCard.player.name }"></c:out></font></label>            <label  style="position: relative; top:-170px; left:-135px;"><font style="font-weight: bold;"><c:out value="${pci.playerCard.player.position.abbreviation }"></c:out></font></label>            <label  style="position: relative; top:-170px; left:-250px;"><font style="font-weight: bold;">Lv<c:out value="${pci.potentiality }"></c:out></font></label>            </div>        </c:forEach></body></html>
ログイン後にコピー




ディスカッション(解決策)に返信

ラベル属性を絶対に設定し、絶対配置を使用して各ラベルの位置を決定します

@DaveLeeCN その結果、すべての Lv、プレイヤーの位置、と名前が積み上げられているワンピース。コードに for ループがあることに注意してください。これらの画像は for ループによって生成されたものです。これは間違った結果に関連していますか?
りー

ポジショニング。相対的な位置決め。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート