four systems Ответов: 1

Выравнивание каскадных таблиц стилей

Код, который печатает четыре переключателя, имеет css для выравнивания. На событие клик кнопки кнопки перемещения влево должен остаться выравнивание по центру

<html>
    <head>
        <Style type = text/css>
            .right_aligned label
            {
            float: left;
            clear: left;
            padding-right: 1em;
            text-align: right;
            }
            table.center 
            {
            margin-left:auto; 
            margin-right:auto;
            }
        </Style>
        <script src='https://code.jquery.com/jquery-1.12.4.min.js'>            
        </script>
        <script type='text/javascript'>
            $(document).ready(function()
            {$('#btnGetValue').click(function() 
            {
            var selValue = $('input[name=rbnNumber]:checked').val();
            $('p').html('<br/>You Selected : ' + selValue + '');});});
        </script>
        <script>function buttonClickHandler(){}
        </script>
    </head>
    <body>
    <table class = 'center'>
    <TR>
        <TD>Computer Science</TD>
    </TR>
    <TR>
    <TD>  
    <input type='radio' align ='' name='rbnNumber' value='You selected(a) andwhichis notthe correct answer'/>(a) and<br/>
    <input type='radio' align ='' name='rbnNumber' value='You selected(b) Todaywhichisthe correct answer'/>(b) Today<br/>
    <input type='radio' align ='' name='rbnNumber' value='You selected(c) cs whichis notthe correct answer'/>(c) cs<br/>
    <input type='radio' align ='' name='rbnNumber' value='You selected(d) os whichis notthe correct answer'/>(d) os<br/>
    </TD>
    </TR>
    <TD>    
    <p>and the results are </p>
    </TD>
    <TR>        
    </TR>
    </table>
    <table class = 'center'>
        <TR>
        <TD>
        <input type='button' id='btnGetValue' Value='Get Value'>       
        </TD>
        </TR>
    </table>        
    </body>
    </html>


Что я уже пробовал:

css, java, javascript и код

1 Ответов

Рейтинг:
11

User 7429338

Должна ли метка результата по-прежнему быть центрирована или выровнена по переключателям? Если вы центрированы, вы можете попробовать это:

<html>
	<head>
		<script src='https://code.jquery.com/jquery-1.12.4.min.js'></script>
		<script type='text/javascript'>
			$(document).ready(function()
			{$('#btnGetValue').click(function() 
			{
			var selValue = $('input[name=rbnNumber]:checked').val();
			$('p').html('<br/>You Selected : ' + selValue + '');});});
		</script>
		<script>function buttonClickHandler(){}</script>
	</head>
	<body>
		<div style="text-align:center">
			<div style="display:inline-block;text-align:left">
				Computer Science<br/>
				<input type='radio' name='rbnNumber' value='You selected(a) andwhichis notthe correct answer'/>(a) and<br/>
				<input type='radio' name='rbnNumber' value='You selected(b) Todaywhichisthe correct answer'/>(b) Today<br/>
				<input type='radio' name='rbnNumber' value='You selected(c) cs whichis notthe correct answer'/>(c) cs<br/>
				<input type='radio' name='rbnNumber' value='You selected(d) os whichis notthe correct answer'/>(d) os<br/>
			</div>
			<p>and the results are </p>
			<input type='button' id='btnGetValue' Value='Get Value'>       
		</div>
	</body>
</html>

four systems

как голосует ворк, подумал клик на звезде, потому что ответ был хорош