와 수직 라인을 그리기 국경에서 왼쪽 과 국경 오른쪽은 쉽게 보인다.
그러나 제 경우에는 단일 div가 있고 주어진 픽셀에 수직선을 그려야합니다 (240px) .
이것을 어떻게 달성 할 수 있습니까?
이를 위해 :after
또는 :before
유사 요소를 사용하고 absolute
240px에 배치 할 수 있습니다.
예 : http://jsfiddle.net/abhitalks/YMS4F/1/
CSS :
div.split {
position: relative;
height: 20px;
width: 400px;
border: 1px solid black;
}
div.split:after {
content: "";
display: block;
width: 1px;
height: 20px;
border-left: 1px solid gray;
position: absolute;
top: 0px;
left: 240px;
}
데모 목적으로 촬영 한 너비 및 높이 (픽셀)입니다. 아이디어를 얻으시기 바랍니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다