CSS如何实现两个a标签元素的文字一个靠左一个靠右，并且能点击分别不同的链接

作为一个非专业前端，有时候开发又必须自己写一些简单的前端，在网上有时候不能及时查找到内容，只能自己尝试，如下是实现两个span中的a标签下的文字分别靠两边，并且之后的元素不会往上涌到中间，还能不丢失连接属性的方法：

        <div class="check_orders" style=""><span id="my_order"><a href="/trolley/">我的订单&gt;</a></span><span id="order_record"><a href="#">&lt;查看全部订单</a></span></div>

使用display的flow-root属性，搭配float：

.check_orders {display: flow-root;
}
#my_order{float: right;
}
#order_record{float: left;
}

CSS如何实现两个a标签元素的文字一个靠左一个靠右，并且能点击分别不同的链接相关推荐

【Div+CSS笔记】 0x01 html常用标签元素
常用HTML标签元素结合及简介 <html></html> 创建一个HTML文档 <head></head> 设置文档标题和其它在网页中不显示的信息 & ...
布局 flex让元素一个靠左一个靠右
flex让一个元素靠左一个靠右 .about { // 父元素display: flex;justify-content: flex-end;} 需要靠右的元素加上margin-left: auto;
css文字一半居左一半居右
<style type="text/css"> #test{width:400px;font-size:12px;} #test p{margin-top:-1.2em ...
html h1 字母,htmlh1标题标签元素
h1 html标题标签网页内容中,比如一篇文章标题,一般采用标签来标记布局,这样显示标题在HTML中重要性,同时也考虑到告诉搜索引擎标签内内容为标题很重要. 一.h1语法结构文章标题以开始 ...
HTML标签元素的分类
在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素和内联块状元素. 常用的块状元素有: <div>.<p&g ...
html分类代码查询,html标签元素分类(示例代码)
在CSS中,HTML中的标签元素可以被分成三种类型,分别是:块状元素.内联元素和内联块状元素. 常用的块状元素有: . .( ...... 标题). . . . (长引用). 块状元素的特点: 1.一 ...
html+css网页开发实战——1、头部背景和文字的制作
网页成品图: 一. 自己动手实践: 首先,把网页分为三大部分,定义了三个div,class分别为header,center,footer.然后在定义它们里面的div.代码如下: <!DOCTYP ...
html标签元素中定义样式表的属性名是,HTML标签属性与CSS样式
定义:超文本标记语言 Hypetext Markup Language 特点: 不需要编译,直接由浏览器执行是一个文本文件必须用htm或html作文件后缀对大小写不敏感,HTML或html都可以 ...
html 伪元素放入标签,CSS中的before和:after伪元素使用详解
如果你一直密切关注着各种网页设计的博客,你可能已经注意到了:before和:after伪元素已经在前端开发中获得了相当多的关注.特别是在Nicolas Gallagher的博客中,后期运用了很多伪类元 ...

CSS如何实现两个a标签元素的文字一个靠左一个靠右，并且能点击分别不同的链接

CSS如何实现两个a标签元素的文字一个靠左一个靠右，并且能点击分别不同的链接

CSS如何实现两个a标签元素的文字一个靠左一个靠右，并且能点击分别不同的链接相关推荐

最新文章

热门文章