精华内容
下载资源
问答
  • a标签添加宽度

    千次阅读 2012-11-26 23:04:24
    要想让你的a标签显示你设定的高度,就必须有以下三个属性。 float: left; line-height: 35px; height: 35px; 要想标签里的内容居中显示就要用 text-align:center;
    要想让你的a标签显示你设定的高度,就必须有以下三个属性。
    
    float: left;
    line-height: 35px;
    height: 35px;

    要想标签里的内容居中显示就要用
    text-align:center;
    展开全文
  • 在DIV CSS布局中,html中a超链接标签,直接对其设置宽度和高度不能生效,设置宽度和高度也不起作用,这里为大家分享解决实现A标签宽度和高度实现。 解决方法: 1、对a标签样式display:block;或者display:inline-...

    CSS成功定义设置超链接a宽度与高度方法

    DIV CSS布局中,htmla超链接标签,直接对其设置宽度高度不能生效,设置宽度和高度也不起作用,这里为大家分享解决实现A标签宽度和高度实现。

    解决方法:
    1、对a标签样式加display:block;或者display:inline-block;加后实现成块状属性
    2、float,对a样式盒子float:left让它成浮动

    3、当然以上两种方法一个弊端,第一种会让a独占一行,第二种方法会让a浮动,可能会照成与其它文字内容重叠。最后我们会介绍变通地对html a设置什么样式达到我们想要的宽度和高度效果。

    CSS+DIV实例示范对A控制宽度和高度样式

    一、使用display:block实现a宽度和高度   -   TOP

    DIVCSS5对一个div命名为".abc"里的a设置width为80px,height:30px,为了观察效果设置一黑色边框。对a设置CSS样式display:block即可让高度宽度生效。

    1、完整html源代码(DIV+CSS):

     
    1. <!DOCTYPE html> 
    2. <html> 
    3. <head> 
    4. <meta charset="utf-8" /> 
    5. <title>a设置宽度和高度 DIVCSS5演示</title> 
    6. <style> 
    7. .abc a{ display:block;width:130px;height:30px;border:1px solid #000} 
    8. </style> 
    9. </head> 
    10.  
    11. <body> 
    12. <div class="abc"> 
    13. <a href="#">我宽度80,高30</a> 
    14. </div> 
    15. </body> 
    16. </html> 

    2、实例截图

    对a设置display:block,让宽度高度生效
    对a设置display:block,让宽度高度生效

    二、使用float浮动实现a高度宽度   -   TOP

    同样,DIVCSS5对一个CSS命名为".abc"里的a设置width为80px,height:30px,为了观察效果设置一黑色边框。大家会看见对a设置float:left,依然可以对a设置宽度高度生效。

    1、完整HTML代码:

     
    1. <!DOCTYPE html> 
    2. <html> 
    3. <head> 
    4. <meta charset="utf-8" /> 
    5. <title>a设置宽度和高度 DIVCSS5演示</title> 
    6. <style> 
    7. .abc a{ float:left;width:130px;height:30px;border:1px solid #000} 
    8. </style> 
    9. </head> 
    10. <body> 
    11. <div class="abc"> 
    12. <a href="#">我宽度80,高30</a> 
    13. </div> 
    14. </body> 
    15. </html> 

    2、使用float让a标签宽度高度生效截图

    float解决a的宽度高度不能生效截图
    css float解决a的宽度高度不能生效截图

    三、可以完美替代以上两种方法解决a宽度高度效果方法   -   TOP

    DIVCSS5对A对象设置padding即可实现我们想要的效果。DIVCSS5还是通过实例方法印证给出解决经验方法。

    1、css padding替代a标签宽度高度效果代码如下:

     
    1. <!DOCTYPE html> 
    2. <html> 
    3. <head> 
    4. <meta charset="utf-8" /> 
    5. <title>a宽度和高度生效 DIVCSS5演示</title> 
    6. <style> 
    7. .abc a{padding:10px 20px;border:1px solid #000} 
    8. </style> 
    9. </head> 
    10. <body> 
    11. <div class="abc"> 
    12. <a href="#">我宽度80,高30</a>挨着内容 
    13. </div> 
    14. </body> 
    15. </html> 

    2、css a模拟宽度高度效果截图

    通过css padding实现宽度高度效果模拟
    通过css padding实现宽度高度效果模拟

    四、divcss5总结   -   TOP

    总结:通过以上方法都在不同情况下都可以使用,所以要实现一个样式效果,不仅仅是使用常规的CSS属性单词,大家大可灵活应用其它CSS样式实现相同效果,所以大家学习CSS时候一定灵活多变,在不同情况下千变万化地使用各种CSS样式单词,遵循以效果为目的,以简便高效为原则地应用CSS和学习DIVCSS。扩展了解(css a

    展开全文
  • A标签设置宽度且不换行

    千次阅读 2011-08-27 16:25:18
    .x-add{background:url(../easyui/themes/icons/edit_add.png);width:16px;height:16px;display:inline-block;}
    .x-add{background:url(../easyui/themes/icons/edit_add.png);width:16px;height:16px;display:inline-block;}

    展开全文
  • css html a 标签能设宽度

    千次阅读 2018-05-10 09:01:48
    当然要调成块属性:display:block;再设宽度就可以了。

    当然

    要调成块属性:

    display:block;

    再设宽度就可以了。

    展开全文
  • 在DIV CSS布局中,html中a超链接标签,直接对其设置宽度和高度不能生效,设置宽度和高度也不起作用,这里为大家分享解决实现A标签宽度和高度实现。 解决方法: 1、对a标签样式display:block;或者display:...
  • 在DIV CSS布局中,html 中 a 超链接标签,直接对其设置宽度和高度不能生效,设置宽度和高度也不起作用,这里为大家分享如何实现 a 标签宽度和高度。 解决方法: 1、对 a 标签样式 display:block; 或者 display:...
  • a 标签中如何设置其宽度和高度

    千次阅读 2017-09-06 21:17:17
    问题:    这样客户带来的体验不好,那么如何点击整行就起作用  解决办法:对 a 标签样式设置 display:block; 或者 display:inline-block; 让其转换为块级元素就可以了
  • 在控制台中可以看出img的宽度是22*22,a标签宽度是22*16。 (1)那么为什么a标签嵌套img标签,结果a标签不能被img标签撑开?? 答案1:(2)还有a标签嵌套img标签,a标签比img标签高??答案2: img标签放在了a标签...
  • [size=medium]在写HTML页面的时候经常会用到a标签,注意href属性,a标签要是没有href属性,其hover效果就不会在IE系列的浏览器中出现,如果点击后没有页面跳转,一般需要把href设置为javascript:;。在讨论页面的时候...
  • padding:0 10px; overflow:visible; padding-right:-10px;
  • html中a标签有时候固定一定宽度时,多出来的内容用“...”来代替。必须固定宽度 width: 281px; 其中overflow: hidden来将多出来的字体隐藏; text-overflow: ellipsis;是用来代替的格式;white-space: nowrap;规定...
  • div p 等标签宽度和高度问题

    千次阅读 2013-03-19 17:10:59
    div p 等标签宽度和高度问题  (2013-01-13 01:31:23) 转载▼ 标签:  杂谈 分类: viewTech 想用一个div 把整个页面填充,代码会怎么写???   标题  Hello  测试   用...
  • 关于div中a标签居中

    千次阅读 2019-07-31 11:01:48
    a标签宽度等于div的宽度a标签就居中了
  • 如何为一个img标签加上一个图片的src,并设置宽度和高度 答案: 首先一部分人的一般反应可能是要不就用css,要不就写行内样式但是,你们有没有想过img是什么?块级元素?不,他是行内元素行内元素和块级元素的一大...
  • html5 a标签,img标签,em和i标签,strong和b标签,q标签
  • 标签,根据输入的内容长度调整宽度宽度自适应,那位大仙帮帮忙 5 样式 .ceshi{float:left; margin-left:13px; width:180px;} .ceshi.title{font-size:16px; margin:5px 0px; float:left; width:100%;} .ceshi ul...
  • 同样代码,在开发机A上面用Chrome浏览器测试显示body 的width 为1403.3333740234375px; 但其实际width应该为1623px,在代码中没有任何样式改变其width属性;而且换了自己的电脑,也是Chrome浏览器测试显示body 的...
  • 在table标签中,td的宽度设置好后,是没有用的,因为table是一个整体,他的td宽度是由其中一个最长td宽度决定的, 原因是浏览器默认情况下,如果有一个单词很长,导致一行剩下的空间放不下,则浏览器会把这个单词挪...
  • css img标签高度等于宽度.

    千次阅读 2016-04-29 12:24:32
    以下只是个人笔记,遇到的...<a href=""><img src=""></a> } 父级容器css width: 60%;height: 0;padding-bottom: 60%;position: relative; 子容器css width: 100%;height: 100%;position: absolute;
  • a标签 img标签

    千次阅读 2018-07-20 08:45:01
    &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&...a href="http://www.baidu
  • Python3 Tkinter 实例教学 (八)标签Label 设置换行宽度本节介绍标签设置文本换行宽度构造方法:代码实例:运行结果: 本节介绍标签设置文本换行宽度 Label 作为一个最常用的控件,能够展示一些文本或者图片或者...
  • <ul class="a"> <span></span> <span></span> <span></span> 例如上面获取 class="b" 的li下所有标签宽度和,然后赋值 class="a"的ul宽度
  • 多个a标签如何在div中水平居中

    万次阅读 2018-08-02 01:12:32
    拓展1 可以给a标签设置padding值进行来设置宽度高度,一般不会给a标签设置具体的宽度和高度。 拓展2 做导航时,要使a多个标签评分导航宽度,可以设置宽度为百分比(这时候百分比还不是参照父级元素的宽度百分比,你...
  • css消除a标签点击后的虚线框

    千次阅读 2015-04-11 16:33:37
    当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个虚线框不同于border的是,它是不占有任何宽度的。当你取消焦点的时候,这个虚线框就会自然消失。你可以通过Firefox或者IE等几个版本看到。而Safari、...
  • 自动获取并重写input的宽度 -input外面的div定义一个id 然后重写 .ui-input-text #gotobuy [data-role="content"]{ padding :3px ; } #gotobuy [class="ui-block-a"] { text-align : left; width:40
  • CSS中如何把Span标签设置为固定宽度

    千次阅读 2011-02-18 17:34:00
    CSS中如何把Span标签设置为固定宽度
  • html p标签能包含a标签吗?

    千次阅读 2019-01-30 18:21:35
    标签是块级元素,会独占一行其宽度自动填满其父元素宽度 &lt;a&gt;标签是行内元素,不会独占一行,相邻的行内元素会排列到同一行里,直到一行排不下,才会换行,其宽度随元素的内容变化而变化 块级元素内...
  • css去掉a标签点击后的虚线框

    千次阅读 2016-06-23 15:09:29
    当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的。当你取消焦点的时候,这个虚线框就会自然消失。你可以通过遨游、火狐或者ie的几个版本看到。而safari、...
  • HTML中a标签的几大作用

    千次阅读 2018-07-26 21:42:48
    在学习行级标签的时候总结有三大最为重要的行级标签,分别为:a标签;span标签;img标签。现在主要总结一下a标签的几大应用场景。 一:外部页面链接 外部页面链接需要一个完整的网页的地址,看一下具体的例子: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 145,891
精华内容 58,356
关键字:

给a标签加宽度