布局问题

少翊

如图 有一个row分了两个col
其中一个设了宽度auto，是想让另一个的紧跟在后面
但是其中的output的字段太长的话就成了这样了
要怎么不让它拉长呢？

少翊

求救呀

liangyongfei

可以试试两个row嵌套的形式！外层的col中，设置宽度是100%
里层的col再设置为 auto 这样应该就不会超出屏幕范围了！

少翊

liangyongfei 发表于 2016-4-25 18:38
可以试试两个row嵌套的形式！外层的col中，设置宽度是100%
里层的col再设置为 auto 这样应该就不会超出屏幕 ...

不行呢 不好使

少翊

liangyongfei 发表于 2016-4-25 18:38
可以试试两个row嵌套的形式！外层的col中，设置宽度是100%
里层的col再设置为 auto 这样应该就不会超出屏幕 ...

功能实现是想这样的  前面是名字 后面紧跟着状态 所以前面的col设了auto  当名字的大小超过了 就会挤出屏幕

有什么布局能解决这种问题吗？
想了半天没想出来 求救啊

bfq1306

少翊 发表于 2016-4-26 09:33
功能实现是想这样的  前面是名字 后面紧跟着状态 所以前面的col设了auto  当名字的大小超过了 就会挤出屏 ...

可以用span标签，图片在span后，包在一个div中
如：
<div><span>标题</span><img/></div>
<span>日期</span>

a1185032659

  <div component="$UI/system/components/justep/row/row" class="x-row"
          xid="row1">
          <div  xid="col1" style="overflow:hidden;">asfdasdfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffsadfasdfasdfffffffffffffffffffffffffffffff</div>  
          <div class="x-col" xid="col3">yueyue</div>
        </div>

a1185032659

看看是不是你要的。

少翊

a1185032659 发表于 2016-4-26 14:53
看看是不是你要的。

谢谢提供 但是后面的不是紧跟在输入的文字后面的

少翊

bfq1306 发表于 2016-4-26 14:46
可以用span标签，图片在span后，包在一个div中
如：
标题

多谢 已解决