차근차근하장
625
2019-04-19 16:47:03
5
437

css 질문] 일부분만 오른쪽 정렬 하고 싶어요




	<style>
	.rudfhcnrk{
		color: blue;
		float: right;

	}

	</style>

///////////////////위는 css 아래가 body////////////////////////////////////////////
                        
                        <c:forEach var="value" items="${tiList}">
                       		<p class="akwls">
                       			<a href="#">${value.title}</a>
                       			<span class="rudfhcnrk">경로에 추가</span>
                       		</p> 
                        </c:forEach>    
                            
                            
                            


파란색 '경로에 추가' 이부분을 오른쪽으로 정렬시키고 싶은데 어떻게 하면 될까요?



0
0
  • 답변 5

  • ....
    2019-04-19 16:56:10
    해당 영역의 css 전체를 보여줄 수 있나요?
    1
  • qhwhro
    282
    2019-04-19 17:00:41 작성 2019-04-19 17:01:03 수정됨

    float을 right으로 했는데도 저렇게 나온다는건 부모 엘리먼트가 너비를 꽉 채우지 않았기 때문인 것 같네요.

    [                                                                       ]

    부모 너비가이렇게 넓어야

    [광주 김치타운                                   경로에 추가]

    이렇게 되는데,


    부모가 내부 내용에 맞춰지니

    [광주 김치타운 경로에 추가]

    이렇게 된게 아닐까 싶네요.


    부모 엘리먼트에 width:100%를 주면 해결될 것 같아요

    1
  • 차근차근하장
    625
    2019-04-19 17:03:28




    0
  • 차근차근하장
    625
    2019-04-19 17:04:11

    //거북왕 님

    이거 탬플릿 따온거라 어디를 캡쳐해야 하는지 몰라서 그부분만 캡쳐 했습니다

    0
  • qhwhro
    282
    2019-04-19 17:10:25 작성 2019-04-19 17:11:05 수정됨

    (위 댓글에 이어서)

    이를 포함하는 부모 요소가 혹시 span이라면 div로 바꿔줘보세요.  display가 inline이나 inline-block이라면 block으로 바꿔주시거나 특정 너비를 주시구요(inline이면 안됨).  부모 요소가 너비가 작아서 저렇게 되는 것 같습니다.

    2
  • 로그인을 하시면 답변을 등록할 수 있습니다.