유연한 경계 반경

enter image description here 일부 앵커 태그가 있습니다. 둥근 모양 (CIRCLE)을 들여다 볼 수 있도록 경계 반경을 적용하고 있습니다. 텍스트 폭에 따라 유연해야합니다. 나는 노력하고 있지만 무엇을하지 못하고 있습니다. FIDDLE 유연한 경계 반경

어떻게하면됩니까? 제발 어떤 제안을 주시면 감사하겠습니다.

<a href="http://google.com">abc</a> 
<a href="http://en.wikipedia.org/">abcdefgh</a>

CSS :

a{ 

    border:1px solid black; 
    padding:10px; 
    -webkit-border-radius: 100px; 
-moz-border-radius: 100px; 
border-radius: 100px; 
}

출처

2014-04-21 Tuhin

가 명확하게하려면, 당신은 모든 앵커 태그가 같은 모양을 갖고 싶어 (라운드)? –

예 @ user3529729 – Tuhin

하지만 그렇게해야합니다. .. :( – Tuhin

당신은 비율에 반경을 제공 할 수 있습니다.

CSS : 여기

a{ 

    border:1px solid black; 
    padding:10px; 
    -webkit-border-radius: 10%; 
    -moz-border-radius: 10%; 
    border-radius: 10%; 
}

이 그것을 앵커 텍스트 크기에 의존하기 때문에 앵커 주위에 같은 원을 얻을 수 없습니다 국경 반경에서 Updated fiddle

입니다. 그것이 다르면 그것은 또한 원을 반영합니다.

업데이트 :

당신은 다음 너비와 높이 제공하여 div하여이 작업을 수행 할 수 있습니다

: DEMO

Another Example

출처

2014-04-21 11:59:27 Manwal

번호는 둥근 직사각형이 아니어야합니다 ... – Tuhin

무엇부터 나는 그의 닻 꼬리표가 둥글고 같은 크기를 가지기를 바란다는 것을 이해했다. –

큰 테두리에 대해서는 반경 50 %를 준다. 그러나 타원이되고 완전한 원이 아니다. –

유연한 경계 반경

답변

관련 문제