HTML TD의 요소를 서로 나란히 정렬합니다.

이 슬라이더를 입력 옆에 추가하고 슬라이더 뒤에 입력 상자를 추가했습니다. 문제는 그것들이 나의 첫 번째 입력 아래에 있다는 것입니다.HTML TD의 요소를 서로 나란히 정렬합니다.

<td>$ 
    <input name="sup" style="text-align: left;" maxlength="13" 

        value="${form.sup}" 

      onkeypress="javascript:return noenter();" /> 
<div id="calcSlider"></div> 
<input type="text" id="calcRepairCostFactor" name="calcRepairCostFactor" value="10" size="3" readonly="readonly"/>    
</td>

JQuery와 :

$(function() { 
$("#calcSlider").slider({ min: 0, 
          max: 90, 
          step: 5, 
          value: 10, 
          slide: function (event, ui) { 
           $("#calcRepairCostFactor").val(ui.value); 
          } 
         }); 
        });

답변 :

난 당신이 더 많은 코드가 필요하면 알려주세요 ... 도와주세요 .... 그들에게 TD 태그에 나란히 모든 측면합니다

<td>$ 
    <input name="sup" style="text-align: left;" maxlength="13" 

        value="${form.sup}" 

      onkeypress="javascript:return noenter();" /> 
<div id="calcSlider" style='display: inline-block; width: 100px; height: 12px;'></div> 
+/- 
<input type="text" id="calcRepairCostFactor" name="calcRepairCostFactor" value="10" size="3" readonly="readonly"/>    
% 
</td>

출처

2012-05-10 Doc Holiday

'table td '의 내부'div '는 불필요한 것처럼 보입니다. 즉, 콘텐츠가 이미 'div'안에 있다면 'table'을 유지할 이유가 없습니다. – Sparky

정보가 풍부하지 않습니다 ... style='display: inline-block;'을 div에 추가해야 원하는 정보를 얻을 수 있습니다.

출처

2012-05-10 14:09:28

멋지다........ 지금 바로 입력 상자가 div의 동일한 위치에 있습니다. –

질문에 요소와 관련된 CSS가 있습니까? 다른 CSS가 없다면'input div input '과 같은 줄을 모두보아야합니다. 두 번째 입력이 div 위에 있다는 말입니까? –

nah 그들은 입력이 문자 그대로 위에 있다는 것을 의미하는 동일한 위치에 있습니다 –

HTML TD의 요소를 서로 나란히 정렬합니다.

답변

관련 문제