2 u013179958 u013179958 于 2016.01.22 23:12 提问

一个CSS调整文字位置的问题,如图所示

下面这张图的布局很别扭
图片说明
如何调整下图这样
图片说明

 <s:if test="userName!=null">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">${user.userName }<strong class="caret"></strong></a>
                            </s:if>
                            <s:else>
                                <a href="<%=path %>/jsp/user/login.jsp">
                                    <img src="<%=path %>/image/user_24px_1174223_easyicon.net.png" alt="登录/注册">
                                </a>
                            </s:else>

3个回答

caozhy
caozhy   Ds   Rxr 2016.01.22 23:26
已采纳

贴出你的代码
目测是左边margin增加一点,字体加粗

u013179958
u013179958 问题暂时的被解决了
2 年多之前 回复
u013179958
u013179958 就是一张图片,后面接了一个字符串,还有我用了是Bootstrap框架
2 年多之前 回复
u013179958
u013179958   2016.01.22 23:57
 <img src="<%=path %>/image/user_24px_1174223_easyicon.net.png" alt="登录/注册">登录/注册
u013179958
u013179958   2016.01.22 23:59
 <s:if test="userName!=null">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">${user.userName }<strong class="caret"></strong></a>
                            </s:if>
                            <s:else>
                                <a href="<%=path %>/jsp/user/login.jsp">
                                    <img src="<%=path %>/image/user_24px_1174223_easyicon.net.png" alt="登录/注册">
                                </a>
                            </s:else>
caozhy
caozhy 这个和jsp无关,需要贴出的是客户端的代码,特别是这个注册外面的父容器的代码。
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
调整文字在框内的位置
1、如果是块级元素,用text-indent代替padding-left更为合适 如果使用padding-left注意,框的整体尺寸也会改变,因此需要修改 2、如果是行内元素,不能使用text-indent,但是可以修改行内元素为块级元素,就可以使用text-indent了,转化方法:display:block
css设置图片某个区域为文字区域(让两个div重合)
为了播放音乐。音乐的按钮有一个区域,放提示语,用程序动态设置。 效果图如: 字的内容由成都设计公司提供的程序来处理: [html]   view plain copy <EMBED id=ZeroClipboardMovie_1 height=18 name=ZeroClipboardMovie_1 type=application/x-shockwave-fl
设置button的Alignment;button上的文字位置(居左居右)
两种方法: UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; button.frame = CGRectMake(50, 40, 150, 50); [button setTitle:@"click tap aaa" forState:(UIControlStateNormal)]; bu
CSS设置下划线与文字间距距离
css的写下划线 text-decoration: underline;  但是这样的样式下划线太靠近文字了  如图 修改方式 border-bottom: 1px solid red;padding-bottom: 8px; 如图
css调整背景图片的位置
1.调整“background:url(/../../image/feed.gif)10pxcenterno-repeat;”中的10px和center就能调整背景图片的位置了。 可以把“center”换成具体的值,如:“5px”之类的数值。 2.也可以把代码分开写 background:url(/../../image/feed.gif)no-repeat; background-p
css实现文字指定位置显示,底部对齐,文字在块内的垂直对齐
CSS实现文字底部对齐 #txt{ height:246px; width:512px; border:1px solid #000000; position:relative } #txt p{ position:absolute; bottom:0px; padding:0px; margin:0px } 网页特效
css调整表格在屏幕上的位置
你能看到那个表格的代码 然后变成 然后在CSS文件里添加 .lebt { position: absolute; left: 0px; bottom: 0px; }
图片和文字保持相对位置不变以及background属性
这个代码大神分分钟写完。先来看效果图: 下面是代码: aa *{padding:0;margin:0;} ul,li{list-style:none;} .wrap { width:460px; margin:0 auto; } .list-bg { width:100%; height:24px; background:url(images/a.png) no-r
CSS设置图片的位置
CSS设置图片的位置           CSS通过background-position属性来调整背景图片的位置。           比如,当希望背景图片显示在页面的右下角时,可以设置属性值为bottomright即可。 背景的位置 <!-- body{ padding:0px; margin:0px; backgrou
Word公式和文字的显示位置调整
最近在写论文,总是在插入一些公式后发现公式跟文字的显示变得不太正常,要么公式显示比文字要低,要么文字后面的文字显示偏高。下面是我的调整方法,在此记录并备忘。     编辑前的显示如下: 在高级选项里: 位置下拉列表中改为标准: 显示正常啦: