How to write the style of such a question?_html/css

Table of Contents

Reply to the discussion (solution)

Home

Web Front-end

HTML Tutorial

How to write the style of such a question?_html/css_WEB-ITnose

Jun 24, 2016 pm 12:19 PM

<td width="13%" align="center"><input name="Input" type="checkbox" value="" />AAA</td>
<td width="13%" align="center">AAA</td>

These are two TDs. Some have checkboxes and some don't. Now I want the text part AAA to be centered and aligned
Please change it How to write?

Reply to the discussion (solution)

In addition, it is AAA that is aligned when displayed

<tr>
<td width="13%" align="center"><input name="Input" type="checkbox" value="" style="margin-left:-20px"/>AAA</td> ;
</tr>
<tr>
<td width="13%" align="center">AAA</td>
</tr>
Try using margin or absolute positioning

<td width="13%" align="center"><input name="Input" type="checkbox" value="" / > AAA</td>
<td width="13%" align="center"> AAA</td>
LZ only wants AAA alignment, but the checkbox does not affect it, and it is still left aligned , is this the effect?

My final display effect is as long as AAA is aligned horizontally

<span style="padding-top:3px">AAA</span>

Put on a span and fine-tune it yourself

You have added center to td, you can add a css to control the checkbox and make it float left.

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;    &lt;head&gt;    	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;    	&lt;title&gt;无标题文档&lt;/title&gt;		&lt;style type=&quot;text/css&quot;&gt;            input{                float:left;                }        &lt;/style&gt;    &lt;/head&gt;    &lt;body&gt;    &lt;table width=&quot;100%&quot;&gt;        &lt;tbody&gt;            &lt;tr&gt;                &lt;td width=&quot;13%&quot; align=&quot;center&quot;&gt;&lt;input name=&quot;Input&quot; type=&quot;checkbox&quot; value=&quot;&quot; style=&quot;margin-left:-20px&quot;/&gt;AAA&lt;/td&gt;            &lt;/tr&gt;            &lt;tr&gt;                &lt;td width=&quot;13%&quot; align=&quot;center&quot;&gt;AAA&lt;/td&gt;            &lt;/tr&gt;        &lt;/tbody&gt;    &lt;/table&gt;    &lt;/body&gt;&lt;/html&gt;

Copy after login

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn