4-14编程联系

4-14编程联系

怎样吧两个文字链接放在同一行显示,如4-14提示图片显示的那种效果

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

5回答
长生生 2019-11-15 15:42:52

a标签属于内联级标签,设置的时候会和其他内联标签在一行

所以之间设置2个a标签就会在一行显示了

拓展:

块级元素是会独占一行的元素,如:p、h1~h6、div等

内联标签是不会另外起一行的。如:img、a、i、strong、em、span等等

可以通过css来设置display的值,使他们相互转换

张凤梅 2019-11-14 15:52:33
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
    <!-- 此处写代码 -->
    	<h1><a href="http://www.imooc.com" title="慕课网,只学有用的">慕课网</a>

     	<a href="#" title="T在线教育">imooc</a><h1>
     	
</body>
</html>


好帮手慕星星 2019-10-29 19:30:17

同学你好,

h3是块级元素,会独占一行显示,所以效果不对。将h3标签去掉就好了,自己再测试下。

祝学习愉快!

提问者 慕的地1320919 2019-10-29 19:20:15


http://img1.sycdn.imooc.com//climg/5db8205108ac268809900206.jpg
这个代码写出来它还是没有在一行显示

好帮手慕星星 2019-10-27 14:41:14

同学你好,

使用a标签就可以,会显示在一行。例如:

http://img1.sycdn.imooc.com//climg/5db53bce099d99f002620063.jpg

http://img1.sycdn.imooc.com//climg/5db53bd30911b6fe01570042.jpg

建议按照任务提示再完善一下哦:

http://img1.sycdn.imooc.com//climg/5db53bff09272c3005200333.jpg

祝学习愉快!欢迎采纳~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师