请教前端大神..,我这好low啊...能不能整齐点..漂亮点..

如题,我是个java后台的,没怎么接触过前端知识,这里请教下前端的老哥们...这个怎么修改啊...拜托了...

有个跳转地址,平时是隐藏的,只要在需要使用的时候,点击使用跳转调制才显示
图片说明

图片说明

下面是代码..太low了...

 <tr>
                <td width="150px" float="left">
                    <input type="button" id="btn1" value="使用跳转地址" >
                </td>
                <td width="150px" float="right">
                    <input type="button" id="btn2" value="不使用跳转地址">
                </td>

            </tr>
            <br/>
            <tr style="display:none" id="textArea" name="vipType">
                <td width="150px" >跳转地址 </td>
                <td width="1000px">
                    <input type="text" name="fwdurl" maxlength="230" style="width:370px" />
                </td>
            </tr>

            var text = document.getElementById("textArea");
        var oBtn1 = document.getElementById("btn1");
        var oBtn2 = document.getElementById("btn2");

        oBtn1.onclick = function(){
        text.style.display = "block";
        }

        oBtn2.onclick = function(){
        text.style.display =  "none";
        }

    请教下~~

11个回答

block 此元素将显示为块级元素,此元素前后会带有换行符。
http://blog.sina.com.cn/s/blog_5b6c4f550100yk4x.html

weixin_38221608
buyax 好了,多谢大神
2 年多之前 回复
qq_35728177
Tsui丶 回复buyax: 你将隐藏改成显示的时候直接把display:none改成display:(后面不填,即为tr的默认display)
2 年多之前 回复
weixin_38221608
buyax 那该怎么解决额,大神
2 年多之前 回复
        oBtn1.onclick = function(){
        //text.style.display = "block";
                //===>
       text.style.display = "";
        }
  <td width="150px" >跳转地址 </td>

把你跳转地址的宽度再加大点,知道你看到字横排显示就会好看一些了

qq_35728177
Tsui丶 ‘<td width="1000px">‘ 这个1000px是没必要这么大的,那么肯定要缩小的(因为你的input根本没这么长,设置这么长就会把页面撑大),然后关于前端设计的话,其实长宽这些参数一般都用百分比来适应个钟不同的分辨率,这个需要的再自己去百度就好了
2 年多之前 回复

完美的布局问题,请自行打开F12调整表情的宽度 比如

跳转地址 选择150px 点击↓ ↑ 调节
weixin_38221608
buyax 不起作用...
2 年多之前 回复

你这个我猜是 table 标签布局没弄好

  <tr style="display:none" id="textArea" name="vipType">
            <td width="150px" colspan=“2>跳转地址 </td>
            <td width="1000px">
                <input type="text" name="fwdurl" maxlength="230" style="width:370px" />
            </td>
        </tr>

加个东西在试试,colspan=“2

weixin_38221608
buyax 楼下有
2 年多之前 回复
Small_Mouse0
小鼠标丶 来把你的前端代码贴出来,,,给你调调
2 年多之前 回复
weixin_38221608
buyax 试过了,不起作用
2 年多之前 回复
Small_Mouse0
小鼠标丶 前端有很多第三方的css样式,,比如bootstrapt什么的,,用上,逼个杠杠的,,
2 年多之前 回复

width="1000px"这个应该太大了吧!

weixin_38221608
buyax 不是这个的原因
2 年多之前 回复

可以获取其他td 的长度 然后 赋值给调整地址的td

weixin_38221608
buyax 不会...
2 年多之前 回复

为什么不用flex布局多好用了,display:flex

weixin_38221608
buyax 不会啊...
2 年多之前 回复

使用表格布局的画,一定要注意,没列的宽度不仅受你给它规定的width影响,受这个表格中同列的最小宽度的影响,
它会保持表格的一致性,所以你要检查其他行和其同列的宽度。

不加这行标签是正常的如下图

style="display:block" id="textArea"

图片说明

加了就这样了

图片说明

代码

图片说明

图片说明

共11条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问