利用span设置文字固定宽度

摘要:
下载<手动<inputtype=“radio”name=“dispMode”value=“auto”/>span class=“modeText”>自动分发</span>&书信电报;。ModeText{150px;display:border:1pxsolid#0000FF;}因为span是内联元素,所以使用width不起作用,但它被设置为块元素。
        <input type="radio" name="dispMode"   value="manul"/><label for="rdoManul"><span class="modeText">手动下载</span></label>
        <input type="radio" name="dispMode"   value="auto"/><label for="rdoAuto"><span class="modeText">自动分发</span></label>
    .modeText {
        150px;
        display:inline-block;
        border: 1px solid #0000FF;
    }

 由于span是inline元素,所以使用width并不起作用,但是设置为block元素,又会影响其它元素的布局,CSS2.1引入的inine-block可以完美解决此问题

免责声明:文章转载自《利用span设置文字固定宽度》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇[大数据技术]Kettle初次连接MySQL数据库 报错问题 错误连接数据库 Error occured while trying to connect to the database Exception while loading class org.gjt.mm.mysql.Driver分水岭分割下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

从深处去掌握数据校验@Valid的作用(级联校验)

每篇一句 NBA里有两大笑话:一是科比没天赋,二是詹姆斯没技术 相关阅读 【小家Java】深入了解数据校验:Java Bean Validation 2.0(JSR303、JSR349、JSR380)Hibernate-Validation 6.x使用案例【小家Spring】让Controller支持对平铺参数执行数据校验(默认Spring MVC使用@V...

通过form上传文件(php)

 前段代码 //提交form表单,包含file //方法1:使用jquery-form.js插件 /* $("form").ajaxSubmit(function (resp_img_url) { //直接返回图片的url $("#btn_titlepic").html(str_old); $("#img_titlepic").attr("src"...

MySQL-读写分离与分布式架构

MySQL读写分离概述 读写分离原理 基本原理是让主数据库处理事务性增、改、删操作(INSERT、UPDATE、DELETE),而从数据库处理SELECT查询操作。数据库复制被用来把事务性操作性操作导致的变更同步到集群中的从数据库=b。 读写分离原理图: 数据内部交换过程: 为什么要读写分离 面对越来越大的访问压力,单台的服务器的性能成为瓶颈需要分担负...

使用dom4j解析xml文件,并封装为javabean对象

See Also:http://blog.csdn.net/tao_sun/article/details/12452167 延伸: /** * 将xml内容封装到Vehicle对象中 * @param resultXML 内容为String格式的xml * @return */ @SuppressW...

HTML往div中赋值

HTML中往div赋值 <div id="mazey">content</div>   使用JavaScript: var mazey=document.getElementById("mazey"); mazey.innerHTML=data;  使用jQuery: $("#mazey").html(data);  ...

Html辅助方法 之 Form表单标签

一、Html.BeginForm  <form>标签 //视图代码@using (Html.BeginForm("search", "home", FormMethod.Get),new { target="_black",@ }) { <input type="text" value="" /> }//生成的...