같은 줄에 html 입력 정렬 2

많은 비슷한 질문에서 동일한 동작이 나타납니다.같은 줄에 html 입력 정렬 2

하지만 아무 것도 시도하지 않았고 아무런 변화가 없습니다.

나는 2 개의 html 컨트롤을 가지고 있습니다. 하나의 앵커 태그와 입력 버튼.

세로 정렬을 적용한 경우 : 맨 위; float : 오른쪽; 디스플레이 : 인라인 블록; 독립적으로 그리고 함께 그리고 아무 일도 일어나지 않습니다.

닫기를 클릭하면 버튼과 같은 그림자가 나타납니다. 나는 그들에게 나는이 같은 사업부를 incluided 테이블의 끝에서 모두 제어

Buttons

인라인합니다.

   <div style="float:right;"> 
        <asp:Button ID="btnInput" runat="server" Text="Add selected"></asp:Button><a href="#">Close</a> 
       </div>

출처

2013-07-18 Maximus Decimus

display:inline-block을 만들 때 각 요소의 너비를 설정해야합니다. 그렇지 않으면 기본값 인 100 %가 설정됩니다.

가장 근접한 마크 업을 가진 jsFiddle입니다. (ASP 단추가 작동하지 않습니다.)

출처

2013-07-18 22:14:55 Dolchio

내 문제가 해결되었습니다. 고마워요! 앵커 태그에 인라인 블록을 사용하여 디스플레이를 적용했습니다. –

Dolchio가 말했듯이 모든 요소에는이 작업을 수행하려면 display: inline-block이 있어야합니다. float:right은이 시나리오에서 도움이되지 않습니다.

asp 버튼에 CssClass 속성을 추가하고 해당 클래스의 스타일을 지정해보십시오.

그래서 <asp:Button ID="btnInput" runat="server" CssClass="myButton" Text="Add selected"></asp>처럼 보일 것이며 CSS의 myButton{display:inline-block,vertical-align: top, width: 200px은 너비가 무엇이든간에 (asp 버튼과 그 암시 된 너비에 완전히 익숙하지 않은) 대체 할 수 있습니다.

출처

2013-07-18 22:39:17 Yair

감사합니다. @yair aviner !!! –

같은 줄에 html 입력 정렬 2

답변

관련 문제